diff --git a/app/assets/stylesheets/buttons.css b/app/assets/stylesheets/buttons.css
index 4ee5f199e..64ea77611 100644
--- a/app/assets/stylesheets/buttons.css
+++ b/app/assets/stylesheets/buttons.css
@@ -107,13 +107,22 @@
     > * {
       grid-area: 1/1;
     }
+
+    @media (max-width: 639px) {
+      --btn-size: 3em;
+      --icon-size: 70%;
+    }
   }
 
   /* Make a normal button circular on mobile */
   @media (max-width: 639px) {
     .btn--circle-mobile {
+      --btn-size: 3em;
+      --btn-padding: 0;
+      --icon-size: 70%;
+
       aspect-ratio: 1;
-      padding: 0.5em;
+      inline-size: var(--btn-size);
 
       kbd,
       span:last-of-type {
@@ -270,4 +279,3 @@
     }
   }
 }
-