diff --git a/src/components/FluxNote.vue b/src/components/FluxNote.vue
index d7f2462..b1668d9 100644
--- a/src/components/FluxNote.vue
+++ b/src/components/FluxNote.vue
@@ -204,8 +204,8 @@ $header-height: 40px;
     }
 
     .note {
-      min-width: 620px;
-      max-width: 620px;
+      min-width: var(--note-width);
+      max-width: var(--note-width);
     }
   }
 
diff --git a/src/styles/app.scss b/src/styles/app.scss
index cfdbfea..7cda07b 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -18,6 +18,7 @@ $family-primary: 'Courier Prime', monospace;
   --font-family: var(#{$family-primary});
   --font-color: #4a4a4a;
   --background-color: white;
+  --note-width: 620px;
 }
 
 @import '~bulma/bulma.sass';