fix: stakinghowsoloworks flexdirection styling

ImMiguelP · TylerAPfledderer · web-flow · commit fa36f27b3545 · 2022-12-06T16:13:39.000-08:00
Co-authored-by: Tyler Pfledderer &lt;tyler.pfledderer@gmail.com&gt;
diff --git a/src/components/Staking/StakingHowSoloWorks.tsx b/src/components/Staking/StakingHowSoloWorks.tsx
@@ -46,7 +46,7 @@ const StakingHowSoloWorks: React.FC<IProps> = () => {
 
   return (
     <Center
-      flexDirection={{ sm: "column", md: "row" }}
+      flexDirection={{ base: "column", md: "row" }}
       justifyContent="space-between"
     >
       <OrderedList listData={items} />

Original file line number	Diff line number	Diff line change
`@@ -46,7 +46,7 @@ const StakingHowSoloWorks: React.FC<IProps> = () => {`
`46`	`46`
`47`	`47`	`return (`
`48`	`48`	`<Center`
`49`		`- flexDirection={{ sm: "column", md: "row" }}`
	`49`	`+ flexDirection={{ base: "column", md: "row" }}`
`50`	`50`	`justifyContent="space-between"`
`51`	`51`	`>`
`52`	`52`	`<OrderedList listData={items} />`