From 14fa8acee55de943f29cab9d26431c46b14b3a4f Mon Sep 17 00:00:00 2001
From: dab246 <tdvu@linagora.com>
Date: Mon, 15 Sep 2025 01:31:47 +0700
Subject: [PATCH] TF-4004 Avoid overflow when text too long inside a row

---
 .../views/dialog/confirm_dialog_button.dart        | 14 ++++++++------
 .../email_rules/widgets/no_rules_widget.dart       |  4 ++++
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/core/lib/presentation/views/dialog/confirm_dialog_button.dart b/core/lib/presentation/views/dialog/confirm_dialog_button.dart
index 20b1a8e5c..0597ebe22 100644
--- a/core/lib/presentation/views/dialog/confirm_dialog_button.dart
+++ b/core/lib/presentation/views/dialog/confirm_dialog_button.dart
@@ -70,12 +70,14 @@ class ConfirmDialogButton extends StatelessWidget {
                       : iconColor?.asFilter() ?? AppColor.primaryMain.asFilter(),
                 ),
                 const SizedBox(width: 8),
-                Text(
-                  label,
-                  style: textStyle ?? ThemeUtils.textStyleM3LabelLarge(color: textColor),
-                  maxLines: 1,
-                  overflow: TextOverflow.ellipsis,
-                )
+                Flexible(
+                  child: Text(
+                    label,
+                    style: textStyle ?? ThemeUtils.textStyleM3LabelLarge(color: textColor),
+                    maxLines: 1,
+                    overflow: TextOverflow.ellipsis,
+                  ),
+                ),
               ],
             ),
     );
diff --git a/lib/features/manage_account/presentation/email_rules/widgets/no_rules_widget.dart b/lib/features/manage_account/presentation/email_rules/widgets/no_rules_widget.dart
index 14dbf644b..0c4602f1b 100644
--- a/lib/features/manage_account/presentation/email_rules/widgets/no_rules_widget.dart
+++ b/lib/features/manage_account/presentation/email_rules/widgets/no_rules_widget.dart
@@ -26,6 +26,7 @@ class NoRulesWidget extends StatelessWidget {
   Widget build(BuildContext context) {
     final appLocalizations = AppLocalizations.of(context);
     final isMobile = responsiveUtils.isMobile(context);
+    final isDesktop = responsiveUtils.isDesktop(context);
 
     return Expanded(
       child: Container(
@@ -63,6 +64,9 @@ class NoRulesWidget extends StatelessWidget {
               Container(
                 constraints: const BoxConstraints(minWidth: 230),
                 height: 48,
+                padding: EdgeInsetsDirectional.symmetric(
+                  horizontal: isDesktop ? 0 : 16,
+                ),
                 child: ConfirmDialogButton(
                   label: AppLocalizations.of(context).createMyFirstRule,
                   backgroundColor: Colors.white,