diff --git a/frontend/src/app/components/theme-selector/theme-selector.component.html b/frontend/src/app/components/theme-selector/theme-selector.component.html
index 3076c662d..e32e3f61c 100644
--- a/frontend/src/app/components/theme-selector/theme-selector.component.html
+++ b/frontend/src/app/components/theme-selector/theme-selector.component.html
@@ -1,5 +1,5 @@
 <div [formGroup]="themeForm" class="text-small text-center">
-    <select formControlName="theme" class="custom-select custom-select-sm form-control-secondary form-control mx-auto" style="width: 150px;" (change)="changeTheme()">
+    <select formControlName="theme" class="custom-select custom-select-sm form-control-secondary form-control mx-auto" (change)="changeTheme()">
         <option value="default" i18n="theme.mempool-theme">Classic</option>
         <option value="contrast" i18n="theme.high-contrast">BlueMatt</option>
     </select>
diff --git a/frontend/src/app/components/theme-selector/theme-selector.component.scss b/frontend/src/app/components/theme-selector/theme-selector.component.scss
index e69de29bb..afdcf2980 100644
--- a/frontend/src/app/components/theme-selector/theme-selector.component.scss
+++ b/frontend/src/app/components/theme-selector/theme-selector.component.scss
@@ -0,0 +1,3 @@
+.custom-select {
+  width: 100px;
+}