Merge pull request #8821 from ImMiguelP/chakra-stakingguides

refactor: stakingguides to chakra

Author: pettinarip

src/components/Staking/StakingGuides.tsx

@@ -1,15 +1,9 @@
 // Libraries
 import React from "react"
-import styled from "@emotion/styled"
 
 // Components
 import CardList from "../CardList"
-
-const StyledCardList = styled(CardList)`
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-`
+import { Stack } from "@chakra-ui/react"
 
 export interface IProps {}
 
@@ -32,7 +26,7 @@ const StakingGuides: React.FC<IProps> = () => {
     },
   ]
 
-  return <StyledCardList content={guides} />
+  return <Stack as={CardList} direction="column" gap={4} content={guides} />
 }
 
 export default StakingGuides