diff --git a/apps/app/components/project/single-sidebar-project.tsx b/apps/app/components/project/single-sidebar-project.tsx
index b2db09157..a3f265032 100644
--- a/apps/app/components/project/single-sidebar-project.tsx
+++ b/apps/app/components/project/single-sidebar-project.tsx
@@ -178,11 +178,9 @@ export const SingleSidebarProject: React.FC<Props> = ({
                     >
                       <div className="grid place-items-center">
                         <item.icon
-                          className={`h-5 w-5 flex-shrink-0 ${
-                            router.asPath.includes(item.href)
-                              ? "text-brand-secondary"
-                              : "text-brand-secondary group-hover:text-brand-base"
-                          } ${!sidebarCollapse ? "mr-3" : ""}`}
+                          className={`h-5 w-5 flex-shrink-0 text-brand-secondary ${
+                            !sidebarCollapse ? "mr-3" : ""
+                          }`}
                           color="#858e96"
                           aria-hidden="true"
                         />
diff --git a/apps/app/components/workspace/sidebar-menu.tsx b/apps/app/components/workspace/sidebar-menu.tsx
index c655b9fa0..58712a30b 100644
--- a/apps/app/components/workspace/sidebar-menu.tsx
+++ b/apps/app/components/workspace/sidebar-menu.tsx
@@ -48,22 +48,14 @@ export const WorkspaceSidebarMenu: React.FC = () => {
                   : router.asPath.includes(link.href)
               )
                 ? "bg-brand-base text-brand-base"
-                : "text-brand-secondary hover:bg-brand-base hover:text-brand-base focus:bg-brand-base"
+                : "text-brand-secondary hover:bg-brand-surface-1 hover:text-brand-secondary focus:bg-brand-base focus:text-brand-secondary"
             } group flex w-full items-center gap-3 rounded-md p-2 text-sm font-medium outline-none ${
               sidebarCollapse ? "justify-center" : ""
             }`}
           >
             <span className="grid h-5 w-5 flex-shrink-0 place-items-center">
               <link.icon
-                className={`${
-                  (
-                    link.name === "Dashboard"
-                      ? router.asPath === link.href
-                      : router.asPath.includes(link.href)
-                  )
-                    ? "text-brand-base"
-                    : "text-brand-secondary"
-                } group-hover:text-brand-base`}
+                className="text-brand-secondary"
                 aria-hidden="true"
                 height="20"
                 width="20"