diff --git a/README.md b/README.md
index 0ed986b8..d63ca03d 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-## Gtstef / filebrowser
+## Filebrowser
 
 **Note: Intended to be used in docker only.**
 
@@ -44,15 +44,14 @@ Once this is fully complete, the only updates to th
 
 ## Look
 
-This is how desktop search looks in 0.1.3, the styling will be further refined in the next version.
-![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/761f2a08-cafb-4f79-90fe-48fa50679f48)
+General UI desktop (dark mode):
+![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/11346953-f3eb-4f2f-a833-1d615e0e38bc)
 
-However mobile search still appears very similar to filebrowser/filebrowsers original implementation:
-![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/03af7760-73a0-4a5d-ab32-84815e455245)
+[General UI mobile (dark mode)](https://github.com/gtsteffaniak/filebrowser/assets/42989099/634d3ba6-7ac0-425b-8a83-419743e92fec)
 
-search categories are improved:
+![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/c8dc8af1-6869-4736-9092-c47f735bbdc0)
 
-![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/5572ef20-3047-43b9-92f8-95c4ce6f12b5)
+[However, mobile search still appears very similar to filebrowser/filebrowsers original implementation](https://github.com/gtsteffaniak/filebrowser/assets/42989099/e179b821-f4e2-4568-b895-4e00de371637)
 
 ## Performance
 
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 {