diff --git a/app/src/layouts/instanceLayout/instanceSidebar/instanceSidebar.jsx b/app/src/layouts/instanceLayout/instanceSidebar/instanceSidebar.jsx
index 76c734983a..abfa69242b 100644
--- a/app/src/layouts/instanceLayout/instanceSidebar/instanceSidebar.jsx
+++ b/app/src/layouts/instanceLayout/instanceSidebar/instanceSidebar.jsx
@@ -133,7 +133,6 @@ export const InstanceSidebar = ({ onClickNavBtn }) => {
       }}
       link={link}
       titles={titles}
-      isExtendedNav
     />
   );
 
diff --git a/app/src/layouts/organizationLayout/organizationSidebar/organizationSidebar.jsx b/app/src/layouts/organizationLayout/organizationSidebar/organizationSidebar.jsx
index 4b7a777390..3d8b492b23 100644
--- a/app/src/layouts/organizationLayout/organizationSidebar/organizationSidebar.jsx
+++ b/app/src/layouts/organizationLayout/organizationSidebar/organizationSidebar.jsx
@@ -124,6 +124,7 @@ export const OrganizationSidebar = ({ onClickNavBtn }) => {
       }}
       link={link}
       titles={titles}
+      isExtendedNav
     />
   );
 
diff --git a/app/src/layouts/organizationsControl/organizationsControl.jsx b/app/src/layouts/organizationsControl/organizationsControl.jsx
index e79a175695..d63df055c3 100644
--- a/app/src/layouts/organizationsControl/organizationsControl.jsx
+++ b/app/src/layouts/organizationsControl/organizationsControl.jsx
@@ -42,15 +42,21 @@ export const OrganizationsControl = ({
       <div>
         <div
           className={cx('organization-btn-wrapper', {
-            'instance-level': isExtendedNav,
+            'not-extended': !isExtendedNav,
           })}
         >
-          {!isExtendedNav ? <i className={cx('arrow-icon')}>{Parser(ArrowLeftIcon)}</i> : null}
-          <Link to={link} className={cx('organization-btn')} onClick={closeSidebar}>
-            <div className={cx('top-title')}>{titles.topTitle}</div>
-          </Link>
+          {isExtendedNav ? (
+            <>
+              <i className={cx('arrow-icon')}>{Parser(ArrowLeftIcon)}</i>
+              <Link to={link} className={cx('organization-btn')} onClick={closeSidebar}>
+                <div className={cx('top-title')}>{titles.topTitle}</div>
+              </Link>
+            </>
+          ) : (
+            <div className={cx('extended-top-title')}>{titles.topTitle}</div>
+          )}
         </div>
-        {!isExtendedNav ? <div className={cx('bottom-title')}>{titles.bottomTitle}</div> : null}
+        {isExtendedNav ? <div className={cx('bottom-title')}>{titles.bottomTitle}</div> : null}
       </div>
       <i
         className={cx('open-popover', {
diff --git a/app/src/layouts/organizationsControl/organizationsControl.scss b/app/src/layouts/organizationsControl/organizationsControl.scss
index 0dbb0b9d3c..6161d54d2b 100644
--- a/app/src/layouts/organizationsControl/organizationsControl.scss
+++ b/app/src/layouts/organizationsControl/organizationsControl.scss
@@ -108,6 +108,13 @@
   text-align: start;
 }
 
+.extended-top-title {
+  color: $COLOR--darkmode-gray-100;
+  line-height: 20px;
+  font-size: 13px;
+  font-family: $FONT-ROBOTO-MEDIUM;
+}
+
 .bottom-title {
   @include truncate(220px);
   color: $COLOR--darkmode-gray-100;
@@ -169,7 +176,7 @@
   }
 }
 
-.instance-level {
+.not-extended {
   height: 20px;
 
   .top-title {
diff --git a/app/src/layouts/projectLayout/projectSidebar/projectSidebar.jsx b/app/src/layouts/projectLayout/projectSidebar/projectSidebar.jsx
index 5e475dc39a..94b435c3ff 100644
--- a/app/src/layouts/projectLayout/projectSidebar/projectSidebar.jsx
+++ b/app/src/layouts/projectLayout/projectSidebar/projectSidebar.jsx
@@ -165,6 +165,7 @@ export const ProjectSidebar = ({ onClickNavBtn }) => {
       }}
       link={link}
       titles={titles}
+      isExtendedNav
     />
   );