diff --git a/www/assets/css/app.css b/www/assets/css/app.css
index 7f63ac0..3b020d0 100644
--- a/www/assets/css/app.css
+++ b/www/assets/css/app.css
@@ -19,6 +19,10 @@ Framework7 and FontAwesome both have a .fab class
     line-height: var(--f7-line-height);
 }
 
+.page-content-fab-pad {
+    padding-bottom: var(--f7-fab-size);
+}
+
 /*
  * Material icons are too big and disrupt the flow of text
  */
diff --git a/www/pages/myroute.html b/www/pages/myroute.html
index 0d34af0..ceef3e6 100644
--- a/www/pages/myroute.html
+++ b/www/pages/myroute.html
@@ -16,7 +16,13 @@
         </div>
     </div>
 
-    <div class="page-content">
+    <div class="fab fab-right-bottom">
+        <a href="/myroute/addnote">
+            <i class="icon material-icons">add</i>
+        </a>
+    </div>
+
+    <div class="page-content page-content-fab-pad">
         <div class="block-title">Notes</div>
         {{#if notes}}
         <div class="list accordion-list">
@@ -56,11 +62,5 @@
             <div class="margin-top">Press <i class="material-icons">add</i> to add a note.</div>
         </div>
         {{/if}}
-
-        <div class="fab fab-right-bottom">
-            <a href="/myroute/addnote">
-                <i class="icon material-icons">add</i>
-            </a>
-        </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/www/pages/myroute/editnote.html b/www/pages/myroute/editnote.html
index 91ff262..4aee8d5 100644
--- a/www/pages/myroute/editnote.html
+++ b/www/pages/myroute/editnote.html
@@ -23,7 +23,7 @@
         </a>
     </div>
 
-    <div class="page-content" style="padding-bottom: 2.5rem;">
+    <div class="page-content page-content-fab-pad">
 
         <div class="list no-margin-top no-hairlines">
             <ul>