diff --git a/src/ui/buttons/styles/responsive.js b/src/ui/buttons/styles/responsive.js
index 0132c3fbb..b11ef1574 100644
--- a/src/ui/buttons/styles/responsive.js
+++ b/src/ui/buttons/styles/responsive.js
@@ -178,7 +178,7 @@ const generateButtonSizeStyles = ({
                 
                 .${CLASS.BUTTON}.${CLASS.BORDER_RADIUS} {
                   ${
-                    borderRadius && isBorderRadiusNumber(borderRadius)
+                    isBorderRadiusNumber(borderRadius) && borderRadius >= 0
                       ? `border-radius: ${borderRadius}px`
                       : ""
                   }
@@ -198,7 +198,7 @@ const generateButtonSizeStyles = ({
 
                 .${CLASS.BUTTON_ROW}.${CLASS.BORDER_RADIUS} .menu-button {
                   ${
-                    borderRadius && isBorderRadiusNumber(borderRadius)
+                    isBorderRadiusNumber(borderRadius) && borderRadius >= 0
                       ? `border-top-right-radius: ${borderRadius}px; border-bottom-right-radius: ${borderRadius}px`
                       : ""
                   }
@@ -738,7 +738,7 @@ const generateRebrandedButtonSizeStyles = ({
           
           .${CLASS.BUTTON}.${CLASS.BORDER_RADIUS} {
             ${
-              borderRadius && isBorderRadiusNumber(borderRadius)
+              isBorderRadiusNumber(borderRadius) && borderRadius >= 0
                 ? `border-radius: ${borderRadius}px`
                 : ""
             }
@@ -758,7 +758,7 @@ const generateRebrandedButtonSizeStyles = ({
 
           .${CLASS.BUTTON_ROW}.${CLASS.BORDER_RADIUS} .menu-button {
             ${
-              borderRadius && isBorderRadiusNumber(borderRadius)
+              isBorderRadiusNumber(borderRadius) && borderRadius >= 0
                 ? `border-top-right-radius: ${borderRadius}px; border-bottom-right-radius: ${borderRadius}px`
                 : ""
             }
@@ -870,7 +870,7 @@ export function buttonResponsiveStyle({
     // border radius
     .${CLASS.BUTTON}.${CLASS.BORDER_RADIUS} {
       ${
-        borderRadius && isBorderRadiusNumber(borderRadius)
+        isBorderRadiusNumber(borderRadius) && borderRadius >= 0
           ? `border-radius: ${borderRadius}px`
           : ""
       };
@@ -885,7 +885,7 @@ export function buttonResponsiveStyle({
     // menu button - border radius
     .${CLASS.BUTTON_ROW}.${CLASS.BORDER_RADIUS} .menu-button {
         ${
-          borderRadius && isBorderRadiusNumber(borderRadius)
+          isBorderRadiusNumber(borderRadius) && borderRadius >= 0
             ? `border-top-right-radius: ${borderRadius}px; border-bottom-right-radius: ${borderRadius}px`
             : ""
         };