diff --git a/src/popup/scss/box.scss b/src/popup/scss/box.scss
index 10033fa352d..3d2fbde2830 100644
--- a/src/popup/scss/box.scss
+++ b/src/popup/scss/box.scss
@@ -182,8 +182,8 @@
         overflow-x: auto;
     }
 
-    &.pre-line {
-        white-space: pre-line;
+    &.pre-wrap {
+        white-space: pre-wrap;
         overflow-x: auto;
     }
 
diff --git a/src/popup/vault/view.component.html b/src/popup/vault/view.component.html
index 5c4babfc02d..c2c6a4662ec 100644
--- a/src/popup/vault/view.component.html
+++ b/src/popup/vault/view.component.html
@@ -202,7 +202,7 @@
             {{'notes' | i18n}}
         </div>
         <div class="box-content">
-            <div class="box-content-row pre-line">{{cipher.notes}}</div>
+            <div class="box-content-row pre-wrap">{{cipher.notes}}</div>
         </div>
     </div>
     <div class="box" *ngIf="cipher.hasFields">