diff --git a/backend/src/middleware/xssMiddleware.js b/backend/src/middleware/xssMiddleware.js
index 9b4e3e759..1292abb67 100644
--- a/backend/src/middleware/xssMiddleware.js
+++ b/backend/src/middleware/xssMiddleware.js
@@ -20,6 +20,7 @@ function clean(dirty) {
       'hr',
       'b',
       'i',
+      'u',
       'em',
       'strong',
       'a',
diff --git a/webapp/assets/_new/icons/svgs/underline.svg b/webapp/assets/_new/icons/svgs/underline.svg
new file mode 100755
index 000000000..f4c6e698c
--- /dev/null
+++ b/webapp/assets/_new/icons/svgs/underline.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>underline</title>
+<path d="M7 4h2v12c0 3.37 2.63 6 6 6s6-2.63 6-6v-12h2v12c0 4.43-3.57 8-8 8s-8-3.57-8-8v-12zM5 26h20v2h-20v-2z"></path>
+</svg>
diff --git a/webapp/components/Editor/MenuBar.vue b/webapp/components/Editor/MenuBar.vue
index 4e43050e9..d1e084f2d 100644
--- a/webapp/components/Editor/MenuBar.vue
+++ b/webapp/components/Editor/MenuBar.vue
@@ -5,6 +5,12 @@
 
       <menu-bar-button :isActive="isActive.italic()" :onClick="commands.italic" icon="italic" />
 
+      <menu-bar-button
+        :isActive="isActive.underline()"
+        :onClick="commands.underline"
+        icon="underline"
+      />
+
       <menu-bar-button
         ref="linkButton"
         :isActive="isActive.link()"