chore: object props static reference card body

shapeshift · Oct 2, 2023 · fb572f8 · fb572f8
1 parent 80354d1
commit fb572f8
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/FeeExplainer/FeeExplainer.tsx b/src/components/FeeExplainer/FeeExplainer.tsx
@@ -315,6 +315,8 @@ export const FeeOutput: React.FC<FeeOutputProps> = ({ tradeSize, foxHolding }) =
   )
 }
 
+const feeExplainerCardBody = { base: 4, md: 8 }
+
 export const FeeExplainer = () => {
   const [tradeSize, setTradeSize] = useState(0)
   const [foxHolding, setFoxHolding] = useState(0)
@@ -328,7 +330,7 @@ export const FeeExplainer = () => {
 
   return (
     <Card flexDir='column-reverse' maxWidth='600px' width='full' mx='auto'>
-      <CardBody flex='1' p={{ base: 4, md: 8 }}>
+      <CardBody flex='1' p={feeExplainerCardBody}>
         <Heading as='h5'>Calculate your FOX Savings</Heading>
         <RawText color='text.subtle'>
           Something about savings, put good copy in here that doesn't suck.