diff --git a/components/panel/dashboard/Cards.js b/components/panel/dashboard/Cards.js
index c7f9fbb..96d8676 100644
--- a/components/panel/dashboard/Cards.js
+++ b/components/panel/dashboard/Cards.js
@@ -29,7 +29,7 @@ function Cards({ data, loading }) {
   ];
 
   return (
-    <ul className="flex flex-wrap flex-col sm:flex-row items-center justify-center gap-[32px] mx-0 sm:mx-[16px]">
+    <ul className="flex lg:grid lg:grid-cols-3 flex-wrap flex-col sm:flex-row items-center justify-center gap-[32px] mx-0 sm:mx-[16px]">
       {list.map((item, idx) => (
         <li
           className="flex min-w-[226px] w-full sm:w-auto flex-col py-[16px] md:py-[18px] px-[12px] gap-[8px] rounded-[8px] border