diff --git a/src/pages/Dashboard/BasicInfoCards/BasicInfoCards.tsx b/src/pages/Dashboard/BasicInfoCards/BasicInfoCards.tsx
index 5683d857..65ea4531 100644
--- a/src/pages/Dashboard/BasicInfoCards/BasicInfoCards.tsx
+++ b/src/pages/Dashboard/BasicInfoCards/BasicInfoCards.tsx
@@ -6,10 +6,10 @@ const BasicInfoCards = () => {
   return (
     <Stack
       style={{
-        display: 'grid',
-        gridTemplateColumns: 'repeat(5, 1fr)',
-        gap: '1vw',
-
+        display: 'flex',
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: '1vw'
       }}
     >
       <BasicInfoCard title="Active Validators" value="6" />
@@ -21,4 +21,4 @@ const BasicInfoCards = () => {
   )
 }
 
-export default BasicInfoCards
+export default BasicInfoCards;