diff --git a/src/components/Icons.jsx b/src/components/Icons.jsx
index 799c350..ef3a3e2 100644
--- a/src/components/Icons.jsx
+++ b/src/components/Icons.jsx
@@ -11,7 +11,7 @@ import { LuPanelRight } from "react-icons/lu";
 import { FcGoogle } from "react-icons/fc";
 import { IoLogoApple } from "react-icons/io5";
 import { FcSalesPerformance } from "react-icons/fc";
-
+import { FaLongArrowAltRight } from "react-icons/fa";
 
 export default function Icons({name, className}) {
   return (
@@ -48,6 +48,8 @@ export default function Icons({name, className}) {
     <IoLogoApple className={`text-base ${className}`} />
     :name.toLowerCase() == 'sales' ?
     <FcSalesPerformance className={`text-base ${className}`} />
+    :name.toLowerCase() == 'arrow-right' ?
+    <FaLongArrowAltRight className={`text-base ${className}`} />
     :
     null
     }
diff --git a/src/components/layouts/aside/AsideLinkWithSubLinks.jsx b/src/components/layouts/aside/AsideLinkWithSubLinks.jsx
index c2bed2f..722a32f 100644
--- a/src/components/layouts/aside/AsideLinkWithSubLinks.jsx
+++ b/src/components/layouts/aside/AsideLinkWithSubLinks.jsx
@@ -24,7 +24,7 @@ export default function AsideLinkWithSubLinks({name, icon, to, children, isOpen}
             <span className="flex gap-2 items-center">{icon && <Icons name={icon} />}{shrinkAside ? '' : name}</span>
             <FaCaretDown className={`text-base ${(hideSubMenu) ? 'rotate-180' : 'rotate-0'}`} />
         </button>
-        <div className={`w-full ${(hideSubMenu) ? 'block' : 'hidden'}`}>
+        <div className={`w-full ${(hideSubMenu) ? 'opacity-100' : 'opacity-0'} transition-aall duration-500`}>
             {children}
         </div>
     </div>
diff --git a/src/components/layouts/aside/DashboardAside.jsx b/src/components/layouts/aside/DashboardAside.jsx
index b4573b1..824a789 100644
--- a/src/components/layouts/aside/DashboardAside.jsx
+++ b/src/components/layouts/aside/DashboardAside.jsx
@@ -145,13 +145,13 @@ export default function DashboardAside() {
 
 const asideNavLinks = [
     {name:'Dashboard', status:1, icon: 'dashboard', to: RouteLinks.homePage},
-    {name:'Salary Loan', title:'Loan', status:1, icon: 'money', subLinks: [
+    {name:'Salary Loan', title:'Loan', status:1, icon: 'arrow-right', subLinks: [
         {name: 'Selected Loans', status:1, icon: 'dot', to: RouteLinks.selectedLoanPage},
         {name: 'Applications', status:1, icon: 'dot', to: RouteLinks.applicationsLoanPage},
         {name: 'Approved Loans', status:1, icon: 'dot', to: RouteLinks.approvedLoansPage},
         {name: 'Disbursements', status:1, icon: 'dot', to: RouteLinks.disbursementsLoanPage},
         {name: 'Payments', status:1, icon: 'dot', to: ''},
-        {name: 'Configurations', status:1, icon: 'dot', subLinks: [
+        {name: 'Configurations', status:1, icon: 'arrow-right', subLinks: [
             {name: 'Loan Offers', status:1, icon: 'dot', to: RouteLinks.loanOffersPage },
             ]
         },