diff --git a/src/assets/images/wrench-promo-back-common.jpg b/src/assets/images/wrench-promo-back-common.jpg
new file mode 100644
index 0000000..b79d6d1
Binary files /dev/null and b/src/assets/images/wrench-promo-back-common.jpg differ
diff --git a/src/components/AuthPages/Promo/Promo.jsx b/src/components/AuthPages/Promo/Promo.jsx
index 2bcaf4e..2673e24 100644
--- a/src/components/AuthPages/Promo/Promo.jsx
+++ b/src/components/AuthPages/Promo/Promo.jsx
@@ -10,6 +10,9 @@ import InputCom from "../../Helpers/Inputs/InputCom";
 import WrenchBoard from "../../../assets/images/wrenchboard-logo-text.png";
 import LoadingSpinner from '../../../components/Spinners/LoadingSpinner'
 
+import GoogleDownload from '../../../assets/images/download/andriod.jpg'
+import IOSDownload from '../../../assets/images/download/apple.jpg'
+
 export default function Promo() {
 
   const api = new usersService()
@@ -150,7 +153,6 @@ export default function Promo() {
                       type={showPassword ? "text" : "password"}
                       onClick={togglePasswordVisibility}
                       passIcon={showPassword ? "password" : "password"}
-                      forgotPassword
                     />
                   </div>
 
@@ -176,6 +178,46 @@ export default function Promo() {
                     </button>
                   </div>
                 </div>
+
+                              {/* APP DOWNLOAD STORE */}
+              <div className="w-full mt-4">
+                <div className="w-full flex justify-between items-center gap-10 sm:gap-32">
+                  <div className="w-full">
+                    <a
+                      // className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
+                      target="_blank"
+                      rel="noreferrer"
+                      href={process.env.REACT_APP_APPLE_APP}
+                    >
+                      {/* <i className="fa-brands fa-apple text-3xl"></i>
+                      <div className="flex flex-col">
+                        <span className="text-[11px]">Available on the</span>
+                        <span className="text-[12px] lg:text-base">
+                          App Store
+                        </span>
+                      </div> */}
+                      <img src={IOSDownload} className='w-full h-auto' alt='IOS Download' />
+                    </a>
+                  </div>
+                  <div className="w-full">
+                    <a
+                      // className="px-1 py-1 lg:py-2 flex justify-center items-center gap-1 w-full rounded-md bg-black text-white hover:text-slate-500 hover:shadow-lg transition-all duration-300"
+                      target="_blank"
+                      rel="noreferrer"
+                      href={process.env.REACT_APP_ANDROID_APP}
+                    >
+                      {/* <i className="fa-brands fa-google-play text-2xl"></i>
+                      <div className="flex flex-col">
+                        <span className="text-[11px]">Available on the</span>
+                        <span className="text-[12px] lg:text-base">
+                          Google Play
+                        </span>
+                      </div> */}
+                      <img src={GoogleDownload} className='w-full h-auto' alt='IOS Download' />
+                    </a>
+                  </div>
+                </div>
+              </div>
               </div>
           </div>
           :
diff --git a/src/components/AuthPages/PromoPageLayout.jsx b/src/components/AuthPages/PromoPageLayout.jsx
index 1df1f48..db0d9ff 100644
--- a/src/components/AuthPages/PromoPageLayout.jsx
+++ b/src/components/AuthPages/PromoPageLayout.jsx
@@ -7,7 +7,7 @@ import DarkModeContext from "../Contexts/DarkModeContext";
 export default function PromoPageLayout({ children }) {
   const bgImg = localImgLoad("images/left-wrenchboard.jpg");
   const bgImgNig = localImgLoad("images/wrench-home-back-nigeria.jpg");
-  const bgImgCom = localImgLoad("images/wrench-home-back-common.jpg");
+  const bgImgCom = localImgLoad("images/wrench-promo-back-common.jpg");
 
   const { countryMode } = useContext(DarkModeContext);
 
@@ -15,7 +15,7 @@ export default function PromoPageLayout({ children }) {
     <div
       className={`min-h-screen overflow-y-auto bg-cover bg-center flex flex-col justify-between items-center`}
       style={{
-        backgroundImage: `url(${countryMode == "NG" ? bgImgNig : bgImgCom})`,
+        backgroundImage: `url(${countryMode == "NG" ? bgImgCom : bgImgCom})`,
       }}
     >
       
diff --git a/src/components/Dashboards/AccountDashboard.jsx b/src/components/Dashboards/AccountDashboard.jsx
index 42410c0..771d1ea 100644
--- a/src/components/Dashboards/AccountDashboard.jsx
+++ b/src/components/Dashboards/AccountDashboard.jsx
@@ -14,7 +14,6 @@ const AccountDashboard = ({ className, bannerList }) => {
     }
   };
 
-  console.log(getLowerBanner);
   return (
     <div
       className={`w-full min-h-[450px] flex flex-col justify-between items-center gap-4 rounded-2xl overflow-hidden ${
@@ -77,19 +76,19 @@ const TopBanner = ({ image, title = "", desc = "", btn, link_path, key }) => {
           src={image}
           alt="banner-img"
           loading="lazy"
-          className="w-full h-full rounded-t-xl object-cover"
+          className="w-full h-full  rounded-t-xl object-cove object-fill"
         />
       </Link>
-      <div className="h-[7rem] rounded-b-xl bg-white dark:bg-dark-white">
+      <div className="rounded-b-xl bg-white dark:bg-dark-white">
         <div className="border-b border-slate-300 px-2 py-1 h-[5.4rem] flex flex-col gap-2 dark:text-white">
-          <Link to={link_path} className="font-bold text-lg">
+          <Link to={link_path} className="font-bold text-lg line-clamp-1">
             {title}
           </Link>
           <Link to={link_path} className="text-sm">
             {desc}
           </Link>
         </div>
-        <div className="flex justify-between w-full px-2 items-center pt-[0.2rem]">
+        <div className="flex justify-between w-full p-1 items-center">
           <Link to={link_path} className="text-slate-300 font-semibold text-sm">
             {btn}
           </Link>
@@ -113,7 +112,7 @@ const LowerBanner = ({ image, title = "", desc = "", btn, link_path, card_type,
       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 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="min-h-[130px] sm:min-h-[100px] flex justify-between items-center">
           <div className="px-2 flex flex-col gap-2 dark:text-white">
             <Link to={newLinkPath} className="text-lg font-bold">
               {title}
@@ -132,7 +131,7 @@ const LowerBanner = ({ image, title = "", desc = "", btn, link_path, card_type,
           />
         </Link>
       </div>
-      <div className="flex justify-between w-full px-2 items-center">
+      <div className="flex justify-between w-full p-1 items-center">
         <Link to={newLinkPath} className="text-slate-300 font-semibold text-sm">
           {btn}
         </Link>
@@ -181,7 +180,7 @@ const BannerSection = ({ banners, variant }) => {
                 variant === "top"
                   ? "rounded-b-xl bg-white"
                   : "border-b border-slate-300"
-              } h-[7rem]`}
+              }`}
             >
               <div className="border-b border-slate-300 px-2 py-1 h-[5.4rem] flex flex-col gap-2">
                 <Link to={link_path} className="font-bold text-lg">
@@ -191,7 +190,7 @@ const BannerSection = ({ banners, variant }) => {
                   {short_description}
                 </Link>
               </div>
-              <div className="flex justify-between w-full px-2 items-center">
+              <div className="flex justify-between w-full p-1 items-center">
                 <Link to={link_path} className="text-slate-300 font-semibold">
                   {short_button_text}
                 </Link>
diff --git a/src/components/Helpers/Inputs/InputCom/index.jsx b/src/components/Helpers/Inputs/InputCom/index.jsx
index 13f48cb..7980673 100644
--- a/src/components/Helpers/Inputs/InputCom/index.jsx
+++ b/src/components/Helpers/Inputs/InputCom/index.jsx
@@ -94,7 +94,7 @@ export default function InputCom({
           placeholder={placeholder}
           value={value}
           onChange={inputHandler}
-          className={`input-field placeholder:text-base text-dark-gray w-full h-full ${
+          className={`input-field placeholder:text-base text-dark-gray w-full h-full ${iconName && 'pr-6'} ${
             inputBg && inputBg} tracking-wide focus:ring-0 focus:outline-none ${fieldClass}`}
           type={type}
           id={name}