remove border radius

src/components/CodeBlock.tsx

@@ -8,7 +8,6 @@ import DoneIcon from '@mui/icons-material/Done';
 
 const Wrapper = styled.div`
     position: relative;
-    border-radius: 8px;
 `;
 const CopyButtonWrapper = styled(IconButton)`
     position: absolute;
@@ -26,7 +25,6 @@ export const CodeWrapper = styled.div`
     padding: 37px 40px 20px 20px;
     color: white;
     background: ${({ theme }) => theme.palette.accent.dark};
-    border-radius: 8px;
     width: 100%;
 `;
 

src/components/Collections/CollectionOptions.tsx

@@ -175,13 +175,11 @@ const CollectionOptions = (props: CollectionOptionsProps) => {
                     disablePadding: true,
                     'aria-labelledby': 'collection-options',
                 }}>
-                <Paper
-                    sx={{ borderRadius: (theme) => theme.sizes.borderRadius }}>
+                <Paper>
                     <MenuList
                         sx={{
                             padding: 0,
                             border: 'none',
-                            borderRadius: (theme) => theme.sizes.borderRadius,
                         }}>
                         <MenuItem>
                             <ListItem onClick={showRenameCollectionModal}>

src/components/RecoveryKeyModal.tsx

@@ -59,10 +59,7 @@ function RecoveryKeyModal({ somethingWentWrong, ...props }: Props) {
                 },
             }}>
             <p>{constants.RECOVERY_KEY_DESCRIPTION}</p>
-            <Box
-                borderRadius={(theme) => theme.sizes.borderRadius}
-                border={'1px dashed'}
-                borderColor={'grey.A700'}>
+            <Box border={'1px dashed'} borderColor={'grey.A700'}>
                 <CodeBlock code={recoveryKey} />
                 <Typography m="20px">
                     {constants.KEY_NOT_STORED_DISCLAIMER}

src/components/Sidebar/SubscriptionDetails.tsx

@@ -21,7 +21,6 @@ export default function SubscriptionDetails({ userDetails }: Iprops) {
             flexDirection={'column'}
             height={160}
             bgcolor="accent.main"
-            borderRadius={(theme) => theme.sizes.borderRadius}
             position={'relative'}>
             {userDetails ? (
                 <>
@@ -61,7 +60,6 @@ export default function SubscriptionDetails({ userDetails }: Iprops) {
                         position={'relative'}
                         zIndex="100"
                         height="64px"
-                        borderRadius={(theme) => theme.sizes.borderRadius}
                         bgcolor="accent.dark"
                         padding="16px">
                         <LinearProgress

src/components/pages/gallery/PreviewCard.tsx

@@ -151,7 +151,6 @@ const Cont = styled.div<{ disabled: boolean }>`
     overflow: hidden;
     position: relative;
     flex: 1;
-    border-radius: ${({ theme }) => theme.sizes.borderRadius};
     cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
 
     & > img {