diff --git a/src/components/Dashboards/AccountDashboard.jsx b/src/components/Dashboards/AccountDashboard.jsx
index 92ed698..4a3d7fd 100644
--- a/src/components/Dashboards/AccountDashboard.jsx
+++ b/src/components/Dashboards/AccountDashboard.jsx
@@ -21,7 +21,7 @@ const AccountDashboard = ({ className, bannerList }) => {
         className || ""
       }`}
     >
-      <div className="w-full h-[300px] md:grid grid-cols-3 items-center justify-center gap-2">
+      <div className="w-full grid xxs:grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 items-center justify-center gap-2 md:gap-4">
         {getUpperBanner?.map((props, idx) => {
           let image = getImage(props);
 
@@ -40,7 +40,7 @@ const AccountDashboard = ({ className, bannerList }) => {
           );
         })}
       </div>
-      <div className="w-full h-[150px] md:grid grid-cols-2 items-center justify-center gap-4  ">
+      <div className="w-full grid-cols-1 md:grid-cols-2 xxl:grid-cols-3 grid items-center justify-center gap-2 md:gap-4">
         {getLowerBanner?.map((props, idx) => {
           let image = getImage(props);