feat: remove bubble around X-button

t3n · Jan 16, 2025 · 2e9a4d8 · 2e9a4d8
1 parent 4e2ec75
commit 2e9a4d8
Showing 1 changed file with 0 additions and 10 deletions.
diff --git a/packages/components/src/Modal/Modal.tsx b/packages/components/src/Modal/Modal.tsx
@@ -3,7 +3,6 @@ import styled, { css } from 'styled-components';
 import { WidthProps } from 'styled-system';
 
 import { MaterialClear } from '@t3n/icons';
-import { theme } from '@t3n/theme';
 
 import Box from '../Box';
 import Card from '../Card';
@@ -69,14 +68,6 @@ const StyledIconContainer = styled(Box)`
   position: absolute;
   top: 10px;
   right: 10px;
-  border-radius: 50%;
-  fill: ${theme.colors.text.primary};
-
-  &:hover {
-    cursor: pointer;
-    background: ${theme.colors.brand.red};
-    fill: ${theme.colors.text.inverse};
-  }
 `;
 
 const CloseIcon: React.FC<{ onClick: () => void }> = ({ onClick }) => {
@@ -85,7 +76,6 @@ const CloseIcon: React.FC<{ onClick: () => void }> = ({ onClick }) => {
       onClick={onClick}
       alignItems="center"
       justifyContent="center"
-      bg="shades.grey232"
       p={1}
       display="flex"
       width="40px"