diff --git a/package.json b/package.json
index d1d76e0..5091889 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,8 @@
   "scripts": {
     "design": "marked -o design.html < design.md",
     "test": "node --expose-gc node_modules/mocha/bin/_mocha test/**/*.test.ts",
-    "repl": "node -r ts-node/register/transpile-only src/repl.ts"
+    "repl": "node -r ts-node/register/transpile-only src/repl.ts",
+    "bundle": "cd packages/web && yarn bundle"
   },
   "devDependencies": {
     "@types/chai": "^4.3.0",
diff --git a/packages/web/src/components/Item.tsx b/packages/web/src/components/Item.tsx
index 380dc5e..c320c84 100644
--- a/packages/web/src/components/Item.tsx
+++ b/packages/web/src/components/Item.tsx
@@ -59,6 +59,9 @@ const AttachmentContainer = styled.div`
   display: flex;
   margin: 5px 0;
 `
+const PlainNotes = styled.p`
+  white-space: pre-wrap;
+`
 
 const SectionsView = memo<{ sections?: ItemDetails["sections"] }>(({ sections }) =>
   sections?.length ? (
@@ -135,7 +138,7 @@ export const ItemView = memo<ItemViewProps>(({ className, item }) => {
           <ExtraField>
             <FieldTitle>notes</FieldTitle>
             <div>
-              <p>{item.details.notesPlain}</p>
+              <PlainNotes>{item.details.notesPlain}</PlainNotes>
             </div>
           </ExtraField>
         )}