From 44f19f4e70a286ced40fe7eaab7d80c965d98efd Mon Sep 17 00:00:00 2001
From: Tien Do Nam <dev.tien.donam@gmail.com>
Date: Tue, 4 Aug 2026 14:43:29 +0200
Subject: [PATCH] fix: text overflow on color button

---
 app/lib/pages/tabs/settings_tab.dart       | 2 +-
 app/lib/widget/custom_dropdown_button.dart | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

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,