From 67bf4c850af4446eef0ada6f206d16a92fe699ef Mon Sep 17 00:00:00 2001
From: Chaiyapruek Muangsiri <cmp.poon@gmail.com>
Date: Wed, 23 Jul 2025 20:38:23 +0800
Subject: [PATCH 1/2] fix button group border issue when there is only one
 button

---
 app/client/src/widgets/ButtonGroupWidget/component/index.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/client/src/widgets/ButtonGroupWidget/component/index.tsx b/app/client/src/widgets/ButtonGroupWidget/component/index.tsx
index 251543bfd7bf..c1702d311ba2 100644
--- a/app/client/src/widgets/ButtonGroupWidget/component/index.tsx
+++ b/app/client/src/widgets/ButtonGroupWidget/component/index.tsx
@@ -103,6 +103,11 @@ const ButtonGroupWrapper = styled.div<ThemeProp & WrapperStyleProps>`
         ? `0px ${borderRadius} ${borderRadius} 0`
         : `0px 0px ${borderRadius} ${borderRadius}`};
   }
+
+  & > *:only-child,
+  & > *:only-child button {
+    border-radius: ${({ borderRadius }) => borderRadius} !important;
+  }
 `;
 
 const MenuButtonWrapper = styled.div<{ renderMode: RenderMode }>`

From 8760040e616a28750b4141966bfa59bb0bded1bc Mon Sep 17 00:00:00 2001
From: Chaiyapruek Muangsiri <cmp.poon@gmail.com>
Date: Wed, 23 Jul 2025 20:52:11 +0800
Subject: [PATCH 2/2] remove !important as it is not needed

---
 app/client/src/widgets/ButtonGroupWidget/component/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/client/src/widgets/ButtonGroupWidget/component/index.tsx b/app/client/src/widgets/ButtonGroupWidget/component/index.tsx
index c1702d311ba2..359b56a01af6 100644
--- a/app/client/src/widgets/ButtonGroupWidget/component/index.tsx
+++ b/app/client/src/widgets/ButtonGroupWidget/component/index.tsx
@@ -106,7 +106,7 @@ const ButtonGroupWrapper = styled.div<ThemeProp & WrapperStyleProps>`
 
   & > *:only-child,
   & > *:only-child button {
-    border-radius: ${({ borderRadius }) => borderRadius} !important;
+    border-radius: ${({ borderRadius }) => borderRadius};
   }
 `;