diff --git a/frontend/public/themes/dark.css b/frontend/public/themes/dark.css
index ddd84014..86ac857c 100644
--- a/frontend/public/themes/dark.css
+++ b/frontend/public/themes/dark.css
@@ -48,9 +48,6 @@ header {
   background: var(--background);
   color: var(--textPrimary);
 }
-#search .boxes {
-  background: var(--surfaceSecondary);
-}
 #search .boxes h3 {
   color: var(--textPrimary);
 }
@@ -196,10 +193,6 @@ nav {
   background: var(--surfaceSecondary) !important;
 }
 
-.button-group button {
-  background-color:darkgray;
-}
-
 .share__box {
   background: var(--surfacePrimary) !important;
   color: var(--textPrimary);
@@ -212,3 +205,11 @@ nav {
 .helpButton {
   background: var(--background);
 }
+.sizeInputWrapper {
+  background: var(--background);
+  color: white
+}
+.button-group button {
+  background: var(--background);
+  color: white
+}
diff --git a/frontend/src/components/ButtonGroup.vue b/frontend/src/components/ButtonGroup.vue
index a78dd7d7..bcbd4c17 100644
--- a/frontend/src/components/ButtonGroup.vue
+++ b/frontend/src/components/ButtonGroup.vue
@@ -85,7 +85,7 @@ button {
   height: 3em;
   padding: 8px 16px;
   border: none;
-  background-color: #f5f5f5;
+  background: #f5f5f5;
   transition: background-color 0.3s;
 
   /* Add borders */
@@ -98,7 +98,7 @@ button {
 }
 
 button:hover {
-  background-color: #e0e0e0;
+  background: #e0e0e0;
 }
 
 button.active {