From c6bd030351fde3324dc0219d2d5311ddc59d28cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Geonizeli?= <joao.geonizeli@gmail.com>
Date: Sat, 21 Aug 2021 09:35:17 -0300
Subject: [PATCH] improve staking dashboard responsiveness

---
 app/javascript/src/pages/Dashboard/Dashboard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/javascript/src/pages/Dashboard/Dashboard.tsx b/app/javascript/src/pages/Dashboard/Dashboard.tsx
index 19b25dd..084914c 100644
--- a/app/javascript/src/pages/Dashboard/Dashboard.tsx
+++ b/app/javascript/src/pages/Dashboard/Dashboard.tsx
@@ -26,11 +26,11 @@ export const Dashbaord: FC = () => {
 
   return (
     <div className="grid place-items-center w-full h-5 mt-32">
-      <div className="inline-block max-w-3xl shadow rounded-lg overflow-hidden">
+      <div className="max-w-3xl grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
         {vaults?.map((vault) => (
           <div
             key={vault.chainId}
-            className="shadow-lg px-4 py-6 w-full bg-white dark:bg-gray-800 relative"
+            className="shadow-lg px-4 py-6 w-full bg-white dark:bg-gray-800 rounded-lg"
           >
             <p className="text-sm w-max text-gray-700 dark:text-white font-semibold border-b border-gray-200">
               {vault.name}