diff --git a/src/static_src/scss/_button-pad.scss b/src/static_src/scss/_button-pad.scss
index 7819592..5a6dc2d 100644
--- a/src/static_src/scss/_button-pad.scss
+++ b/src/static_src/scss/_button-pad.scss
@@ -60,9 +60,9 @@
     }
 
     &.btn-xl {
-        width: 3rem;
-        height: 3rem;
-        font-size: 1rem;
+        width: 4rem;
+        height: 4rem;
+        font-size: 0.875rem;
         border-width: 0.21rem;
 
         &:hover {
diff --git a/src/static_src/scss/_palette-picker.scss b/src/static_src/scss/_palette-picker.scss
index 5db5fba..94d5e9e 100644
--- a/src/static_src/scss/_palette-picker.scss
+++ b/src/static_src/scss/_palette-picker.scss
@@ -26,7 +26,7 @@
 }
 
 .swatch {
-    width: 100%;
+    width: 75%;
     aspect-ratio: 1;
     border-radius: 0.5rem;
     background: linear-gradient(
@@ -35,8 +35,8 @@
         rgba(var(--priUser), 1) 33%,
         rgba(var(--secUser), 1) 33%,
         rgba(var(--secUser), 1) 66%,
-        rgba(var(--terUser), 1) 66%,
-        rgba(var(--terUser), 1) 100%
+        rgba(var(--quiUser), 1) 66%,
+        rgba(var(--quiUser), 1) 100%
     );
     border: 0.15rem solid rgba(var(--secUser), 0.5);