diff --git a/css/styles.css b/css/styles.css
index 631629912..00eede8cd 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -107,8 +107,8 @@ html[data-theme="cadent-star"] {
 /* There are some libraries that impose their own colors. These may need to be overriden for specific themes */
 
 ::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
+  width: 8px;
+  height: 8px;
 }
 
 ::-webkit-scrollbar-thumb {
@@ -385,7 +385,7 @@ body {
 
 .punch-button {
   opacity: 0.9;
-  width: 100%;
+  width: calc(100vw - 60px);
   height: 100%;
   border: none;
   color: var(--punch-color);