diff --git a/app/lib/pages/tabs/settings_tab.dart b/app/lib/pages/tabs/settings_tab.dart
index 68b4dd94..3fbc767a 100644
--- a/app/lib/pages/tabs/settings_tab.dart
+++ b/app/lib/pages/tabs/settings_tab.dart
@@ -77,7 +77,7 @@ class SettingsTab extends StatelessWidget {
                       return DropdownMenuItem(
                         value: colorMode,
                         alignment: Alignment.center,
-                        child: Text(colorMode.humanName),
+                        child: Text(colorMode.humanName, overflow: TextOverflow.ellipsis),
                       );
                     }).toList(),
                     onChanged: (colorMode) => vm.onChangeColorMode(context, colorMode),
diff --git a/app/lib/widget/custom_dropdown_button.dart b/app/lib/widget/custom_dropdown_button.dart
index 2ceea0b2..84a627d3 100644
--- a/app/lib/widget/custom_dropdown_button.dart
+++ b/app/lib/widget/custom_dropdown_button.dart
@@ -24,6 +24,7 @@ class CustomDropdownButton<T> extends StatelessWidget {
       child: DropdownButton<T>(
         value: value,
         isExpanded: expanded,
+        padding: const EdgeInsets.symmetric(horizontal: 12),
         underline: Container(),
         borderRadius: Theme.of(context).inputDecorationTheme.borderRadius,
         items: items,