diff --git a/web-app/src/assets/styles/spacing.css b/web-app/src/assets/styles/spacing.css
index d99b1c9..f1bb952 100644
--- a/web-app/src/assets/styles/spacing.css
+++ b/web-app/src/assets/styles/spacing.css
@@ -9,3 +9,8 @@
 .mt-1 {
   margin-top: 0.5rem;
 }
+
+.mx-1 {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+}
diff --git a/web-app/src/pages/LoginPage.vue b/web-app/src/pages/LoginPage.vue
index 3be9e80..71b7667 100644
--- a/web-app/src/pages/LoginPage.vue
+++ b/web-app/src/pages/LoginPage.vue
@@ -99,7 +99,7 @@ function generateSampleData() {
       </div>
 
       <!-- Disclaimer note that this project is still a work-in-progress! -->
-      <div style="font-size: smaller;">
+      <div class="font-size-small mx-1">
         <p>
           <strong>Note:</strong> Finnow is still under development, and may be
           prone to bugs or unexpected data loss. Proceed to register and use