diff --git a/src/popup/app/vault/views/vaultViewLogin.html b/src/popup/app/vault/views/vaultViewLogin.html
index 6919b15b343..0e4b20fa974 100644
--- a/src/popup/app/vault/views/vaultViewLogin.html
+++ b/src/popup/app/vault/views/vaultViewLogin.html
@@ -54,9 +54,7 @@
                 {{i18n.notes}}
             </div>
             <div class="list-section-items">
-                <div class="list-section-item">
-                    {{login.notes}}
-                </div>
+                <div class="list-section-item pre">{{login.notes}}</div>
             </div>
         </div>
     </div>
diff --git a/src/popup/less/components.less b/src/popup/less/components.less
index f6767d25775..e59cbbf4e67 100644
--- a/src/popup/less/components.less
+++ b/src/popup/less/components.less
@@ -238,7 +238,15 @@
         color: @text-color;
         position: relative;
         z-index: 1;
-        &:extend(.clearfix all);
+
+        &:not(.pre) {
+            &:extend(.clearfix all);
+        }
+
+        &.pre {
+            white-space: pre;
+            overflow-x: auto;
+        }
 
         &.text-primary {
             color: @brand-primary !important;