web/style.css

@@ -34,6 +34,7 @@ body {
   padding: 2rem;
   margin: 0;
   background-color: var(--base);
+  overflow: hidden;
 }
 
 h1,
@@ -214,6 +215,7 @@ input[type="range"]::-ms-fill-upper {
   font-weight: 800;
   padding: 0.5rem 1rem;
   color: var(--text);
+  width: 5rem;
 }
 
 .button:hover {
@@ -256,8 +258,7 @@ input[type="range"]::-ms-fill-upper {
 .button:after {
   display: block;
   position: absolute;
-  margin: -2px;
-  width: inherit;
+  margin: -2px 0;
   top: 1px;
   left: 1px;
   right: -1px;
@@ -267,6 +268,7 @@ input[type="range"]::-ms-fill-upper {
   background-color: var(--text);
   z-index: -1;
   transform: translate(2px, 2px);
+  width: 3rem;
 }
 
 @media (prefers-color-scheme: dark) {