diff --git a/src/components/Dashboards/AccountDashboard.jsx b/src/components/Dashboards/AccountDashboard.jsx
index 0f5f361..eecd4c2 100644
--- a/src/components/Dashboards/AccountDashboard.jsx
+++ b/src/components/Dashboards/AccountDashboard.jsx
@@ -10,8 +10,8 @@ const AccountDashboard = ({ className, bannerList, offersList }) => {
   let [offerPopout, setOfferPopout] = useState({ show: false, data: {} }); // STATE TO HOLD THE VALUE OF THE ALERT DETAILS AND DETERMINE WHEN TO SHOW
 
   // getting the upper three banners for the home layout
-  const getUpperBanner = bannerList?.filter((value, idx) => idx <= 2);
-  const getLowerBanner = bannerList?.filter((value, idx) => idx > 2);
+  const getUpperBanner = bannerList?.filter((value, idx) => idx < 2);
+  const getLowerBanner = bannerList?.filter((value, idx) => idx >= 2);
 
   let getImage = ({ banner_location, banner }) => {
     if (banner_location == "LOCAL") {
@@ -147,7 +147,7 @@ const TopBanner = ({ image, title = "", desc = "", btn, link_path, key }) => {
 
 const NewOfferCard = ({ datas, hidden = false, price, setOfferPopout, image }) => {
   return (
-    <div className="flex flex-col shadow-md bg-red-50 rounded-xl dark:border-[#5356fb29] overflow-hidden">
+    <div className="flex flex-col shadow-md bg-red-50 dark:bg-dark-white rounded-xl dark:border-[#5356fb29] overflow-hidden">
       <div className="h-[12rem] bg-transparent">
         {/* thumbnail image/video */}
         {datas.job_type == "MEDIA" ?