diff --git a/src/App/styles.less b/src/App/styles.less
index 139f2e946..b8ae28a6d 100644
--- a/src/App/styles.less
+++ b/src/App/styles.less
@@ -18,9 +18,8 @@
 @html-height: ~"min(100lvh, calc(100% + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px)))";
 @html-width: ~"min(100lvw, calc(100% + env(safe-area-inset-right, 0px) + env(safe-area-inset-left, 0px)))";
 
-@selectable-inputs-assumed-height: 5.25rem;
-@top-overlay-size: @selectable-inputs-assumed-height;
-@bottom-overlay-size: calc(1rem + env(safe-area-inset-bottom, 0rem));
+@top-overlay-size: 5.25rem;
+@bottom-overlay-size: calc(3rem + env(safe-area-inset-bottom, 0rem));
 @overlap-size: 3rem;
 @transparency-grandient-pad: 6rem;
 
@@ -52,11 +51,10 @@
     --outer-glow: 0px 0px 15px rgba(123, 91, 245, 0.37);
     --border-radius: 0.75rem;
     --calculated-bottom-safe-inset: @calculated-bottom-safe-inset;
-    --selectable-inputs-assumed-height: 5.25rem;
-    --top-overlay-size: @selectable-inputs-assumed-height;
-    --bottom-overlay-size: calc(1rem + env(safe-area-inset-bottom, 0rem));
-    --overlap-size: 3rem;
-    --transparency-grandient-pad: 6rem;
+    --top-overlay-size: @top-overlay-size;
+    --bottom-overlay-size: @bottom-overlay-size;
+    --overlap-size: @overlap-size;
+    --transparency-grandient-pad: @transparency-grandient-pad;
 }
 
 * {
diff --git a/src/routes/Addons/styles.less b/src/routes/Addons/styles.less
index 028fa5ed5..ce8b7c69d 100644
--- a/src/routes/Addons/styles.less
+++ b/src/routes/Addons/styles.less
@@ -34,9 +34,9 @@
         align-self: stretch;
 
         .addons-list-container {
-            margin-top: calc(var(--selectable-inputs-assumed-height) * -1);
+            margin-top: calc(var(--top-overlay-size) * -1);
             padding: 0 1.5rem;
-            padding-top: var(--selectable-inputs-assumed-height);
+            padding-top: var(--top-overlay-size);
             padding-bottom: var(--bottom-overlay-size);
 
             mask: linear-gradient(
diff --git a/src/routes/Discover/styles.less b/src/routes/Discover/styles.less
index f6dc5e58b..48fb111f4 100644
--- a/src/routes/Discover/styles.less
+++ b/src/routes/Discover/styles.less
@@ -34,9 +34,9 @@
             flex-direction: column;
 
             .meta-items-container {
-                margin-top: calc(var(--selectable-inputs-assumed-height) * -1);
+                margin-top: calc(var(--top-overlay-size) * -1);
                 padding: 0 1.5rem;
-                padding-top: var(--selectable-inputs-assumed-height);
+                padding-top: var(--top-overlay-size);
                 padding-bottom: var(--bottom-overlay-size);
     
                 mask: linear-gradient(
diff --git a/src/routes/Library/styles.less b/src/routes/Library/styles.less
index 290a51208..80c519d45 100644
--- a/src/routes/Library/styles.less
+++ b/src/routes/Library/styles.less
@@ -18,7 +18,7 @@
 
     .library-content {
         --selectable-inputs-assumed-height: 80px;
-        --top-overlay-size: var(--selectable-inputs-assumed-height);
+        --top-overlay-size: var(--top-overlay-size);
         --bottom-vertical-nav-bar-size: 0px;
         --bottom-overlay-size: calc(var(--bottom-vertical-nav-bar-size) + env(safe-area-inset-bottom, 0px));
         --overlap-size: 3rem;
@@ -31,9 +31,9 @@
         flex-direction: column;
 
         .meta-items-container {
-            margin-top: calc(var(--selectable-inputs-assumed-height) * -1);
+            margin-top: calc(var(--top-overlay-size) * -1);
             padding: 0 1.5rem;
-            padding-top: var(--selectable-inputs-assumed-height);
+            padding-top: var(--top-overlay-size);
             padding-bottom: var(--bottom-overlay-size, 0px);
 
             mask: linear-gradient(