From 991571b2d29dabc9ddf87a167aaa9354d019eacd Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 14 May 2024 13:09:58 +0100
Subject: [PATCH 1/3] fixed text overlapping issue

---
 src/components/Dashboards/AccountDashboard.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Dashboards/AccountDashboard.jsx b/src/components/Dashboards/AccountDashboard.jsx
index 71eeb89..cd81bbc 100644
--- a/src/components/Dashboards/AccountDashboard.jsx
+++ b/src/components/Dashboards/AccountDashboard.jsx
@@ -108,7 +108,7 @@ const LowerBanner = ({ image, title = "", desc = "", btn, link_path, key }) => {
       key={key}
       className="flex flex-col bg-white shadow-md h-full rounded-xl dark:border-[#5356fb29] dark:bg-dark-white"
     >
-      <div className="w-full flex justify-between border-b border-slate-300 p-2">
+      <div className="w-full xxs:flex justify-between border-b border-slate-300 p-2">
         <div className="h-[130px] flex justify-between items-center">
           <div className="px-2 flex flex-col gap-2 dark:text-white">
             <Link to={link_path} className="text-lg font-bold">

From b604e0b527f8c61572ed7b19d608a5fdd4effb58 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 14 May 2024 13:11:29 +0100
Subject: [PATCH 2/3] fixed text overlapping issue

---
 src/components/Dashboards/AccountDashboard.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Dashboards/AccountDashboard.jsx b/src/components/Dashboards/AccountDashboard.jsx
index cd81bbc..5f722dd 100644
--- a/src/components/Dashboards/AccountDashboard.jsx
+++ b/src/components/Dashboards/AccountDashboard.jsx
@@ -109,7 +109,7 @@ const LowerBanner = ({ image, title = "", desc = "", btn, link_path, key }) => {
       className="flex flex-col bg-white shadow-md h-full rounded-xl dark:border-[#5356fb29] dark:bg-dark-white"
     >
       <div className="w-full xxs:flex justify-between border-b border-slate-300 p-2">
-        <div className="h-[130px] flex justify-between items-center">
+        <div className="h-[150px] flex justify-between items-center">
           <div className="px-2 flex flex-col gap-2 dark:text-white">
             <Link to={link_path} className="text-lg font-bold">
               {title}

From ea260fa15a549fabd9a1e94608aedb78c7f9f346 Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Tue, 14 May 2024 13:15:00 +0100
Subject: [PATCH 3/3] height adjust

---
 src/components/Dashboards/AccountDashboard.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Dashboards/AccountDashboard.jsx b/src/components/Dashboards/AccountDashboard.jsx
index 5f722dd..837fd8e 100644
--- a/src/components/Dashboards/AccountDashboard.jsx
+++ b/src/components/Dashboards/AccountDashboard.jsx
@@ -108,8 +108,8 @@ const LowerBanner = ({ image, title = "", desc = "", btn, link_path, key }) => {
       key={key}
       className="flex flex-col bg-white shadow-md h-full rounded-xl dark:border-[#5356fb29] dark:bg-dark-white"
     >
-      <div className="w-full xxs:flex justify-between border-b border-slate-300 p-2">
-        <div className="h-[150px] flex justify-between items-center">
+      <div className="w-full xxs:flex justify-between items-center border-b border-slate-300 p-2">
+        <div className="min-h-[150px] sm:min-h-[130px] flex justify-between items-center">
           <div className="px-2 flex flex-col gap-2 dark:text-white">
             <Link to={link_path} className="text-lg font-bold">
               {title}