Removed obsolete gasCostsContainer css style

src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/ReviewCustomTx/style.ts

@@ -1,4 +1,4 @@
-import { background, border, lg, md, sm } from 'src/theme/variables'
+import { border, lg, md, sm } from 'src/theme/variables'
 import { createStyles } from '@material-ui/core'
 
 export const styles = createStyles({
@@ -29,8 +29,4 @@ export const styles = createStyles({
     justifyContent: 'center',
     gap: '16px',
   },
-  gasCostsContainer: {
-    backgroundColor: background,
-    padding: `${sm} ${lg}`,
-  },
 })

src/routes/safe/components/Balances/SendModal/screens/ContractInteraction/style.ts

@@ -1,4 +1,4 @@
-import { lg, md, sm, border, background } from 'src/theme/variables'
+import { lg, md, sm, border } from 'src/theme/variables'
 import { createStyles } from '@material-ui/core'
 
 export const styles = createStyles({
@@ -45,8 +45,4 @@ export const styles = createStyles({
   fullWidth: {
     justifyContent: 'space-between',
   },
-  gasCostsContainer: {
-    backgroundColor: background,
-    padding: `0 ${lg}`,
-  },
 })

src/routes/safe/components/Balances/SendModal/screens/ReviewCollectible/style.ts

@@ -1,4 +1,4 @@
-import { background, lg, md, sm } from 'src/theme/variables'
+import { lg, md, sm } from 'src/theme/variables'
 import { createStyles } from '@material-ui/core'
 
 export const styles = createStyles({
@@ -13,8 +13,4 @@ export const styles = createStyles({
     justifyContent: 'center',
     gap: '16px',
   },
-  gasCostsContainer: {
-    backgroundColor: background,
-    padding: `0 ${lg}`,
-  },
 })

src/routes/safe/components/Balances/SendModal/screens/ReviewSendFundsTx/style.ts

@@ -1,4 +1,4 @@
-import { background, lg, md, sm } from 'src/theme/variables'
+import { lg, md, sm } from 'src/theme/variables'
 import { createStyles } from '@material-ui/core'
 
 export const styles = createStyles({
@@ -13,8 +13,4 @@ export const styles = createStyles({
     justifyContent: 'center',
     gap: '16px',
   },
-  gasCostsContainer: {
-    backgroundColor: background,
-    padding: `0 ${lg}`,
-  },
 })

src/routes/safe/components/Settings/Advanced/style.ts

@@ -1,6 +1,6 @@
 import { createStyles, makeStyles } from '@material-ui/core'
 
-import { background, lg, md } from 'src/theme/variables'
+import { lg, md } from 'src/theme/variables'
 
 export const useStyles = makeStyles(
   createStyles({
@@ -35,9 +35,5 @@ export const useStyles = makeStyles(
     accordionContainer: {
       margin: `0 ${md}`,
     },
-    gasCostsContainer: {
-      backgroundColor: background,
-      padding: `0 ${lg}`,
-    },
   }),
 )

src/routes/safe/components/Settings/ManageOwners/AddOwnerModal/screens/Review/style.ts

@@ -49,12 +49,4 @@ export const styles = createStyles({
       cursor: 'pointer',
     },
   },
-  gasCostsContainer: {
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    textAlign: 'center',
-    width: '100%',
-    backgroundColor: background,
-  },
 })

src/routes/safe/components/Settings/ManageOwners/RemoveOwnerModal/screens/Review/style.ts

@@ -39,13 +39,5 @@ export const useStyles = makeStyles(
       alignItems: 'center',
       backgroundColor: '#ffe6ea',
     },
-    gasCostsContainer: {
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      textAlign: 'center',
-      width: '100%',
-      backgroundColor: background,
-    },
   }),
 )

src/routes/safe/components/Settings/ManageOwners/ReplaceOwnerModal/screens/Review/style.ts

@@ -43,13 +43,5 @@ export const useStyles = makeStyles(
       alignItems: 'center',
       backgroundColor: '#f7f5f5',
     },
-    gasCostsContainer: {
-      display: 'flex',
-      flexDirection: 'column',
-      alignItems: 'center',
-      textAlign: 'center',
-      width: '100%',
-      backgroundColor: background,
-    },
   }),
 )

src/routes/safe/components/Settings/SpendingLimit/style.ts

@@ -122,9 +122,5 @@ export const useStyles = makeStyles(
     amountInput: {
       width: '100% !important',
     },
-    gasCostsContainer: {
-      backgroundColor: background,
-      padding: `0 ${lg}`,
-    },
   }),
 )

src/routes/safe/components/Settings/ThresholdSettings/ChangeThreshold/style.ts

@@ -1,6 +1,6 @@
 import { createStyles, makeStyles } from '@material-ui/core'
 
-import { background, lg, md, sm } from 'src/theme/variables'
+import { lg, md, sm } from 'src/theme/variables'
 
 export const useStyles = makeStyles(
   createStyles({
@@ -13,9 +13,5 @@ export const useStyles = makeStyles(
     inputRow: {
       position: 'relative',
     },
-    gasCostsContainer: {
-      backgroundColor: background,
-      padding: `${sm} ${lg}`,
-    },
   }),
 )

src/routes/safe/components/Settings/UpdateSafeModal/style.ts

@@ -1,14 +1,10 @@
-import { background, lg, md } from 'src/theme/variables'
+import { lg, md } from 'src/theme/variables'
 import { createStyles, makeStyles } from '@material-ui/core'
 
 export const useStyles = makeStyles(
   createStyles({
     modalContent: {
       padding: `${md} ${lg}`,
     },
-    gasCostsContainer: {
-      backgroundColor: background,
-      padding: `0 ${lg}`,
-    },
   }),
 )

src/routes/safe/components/Transactions/TxList/modals/style.ts

@@ -1,5 +1,5 @@
 import { createStyles, makeStyles } from '@material-ui/core'
-import { background, lg, md, sm } from 'src/theme/variables'
+import { lg, md, sm } from 'src/theme/variables'
 
 export const useStyles = makeStyles(
   createStyles({
@@ -10,9 +10,5 @@ export const useStyles = makeStyles(
       marginTop: sm,
       fontSize: md,
     },
-    gasCostsContainer: {
-      backgroundColor: background,
-      padding: `0 ${lg}`,
-    },
   }),
 )