Update styles

linode · Oct 17, 2024 · 88dbf78 · 88dbf78
1 parent 797359f
commit 88dbf78
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleTable.styles.ts b/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleTable.styles.ts
@@ -87,6 +87,11 @@ export const StyledCellItemBox = styled(Box, {
   },
   alignContent: 'center',
   minHeight: '40px',
+  [theme.breakpoints.down('sm')]: {
+    '&:last-child': {
+      paddingLeft: '15px',
+    },
+  },
 }));
 
 export const StyledUlBox = styled(Box, { label: 'StyledUlBox' })(

diff --git a/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleTable.tsx b/packages/manager/src/features/Firewalls/FirewallDetail/Rules/FirewallRuleTable.tsx
@@ -298,7 +298,7 @@ const FirewallRuleTableRow = React.memo((props: FirewallRuleTableRowProps) => {
       <StyledCellItemBox
         sx={{
           overflowWrap: 'break-word',
-          paddingLeft: '10px',
+          paddingLeft: '10px !important',
           width: xsDown ? '50%' : '30%',
         }}
         aria-label={`Label: ${label}`}