diff --git a/frontend/apps/app/components/CommonLayout/GlobalNav/GlobalNav.module.css b/frontend/apps/app/components/CommonLayout/GlobalNav/GlobalNav.module.css
index da27a9b069..2d84752194 100644
--- a/frontend/apps/app/components/CommonLayout/GlobalNav/GlobalNav.module.css
+++ b/frontend/apps/app/components/CommonLayout/GlobalNav/GlobalNav.module.css
@@ -1,6 +1,6 @@
 /* Menu open state specific to CommonLayout */
 .globalNav:has([data-radix-menu-content][data-state='open']) {
-  width: 11rem;
+  width: 15rem;
   box-shadow: 4px 0 16px rgba(0, 0, 0, 0.2);
 }
 
diff --git a/frontend/apps/app/components/CommonLayout/GlobalNav/Item.module.css b/frontend/apps/app/components/CommonLayout/GlobalNav/Item.module.css
index a131622408..31551fbe33 100644
--- a/frontend/apps/app/components/CommonLayout/GlobalNav/Item.module.css
+++ b/frontend/apps/app/components/CommonLayout/GlobalNav/Item.module.css
@@ -22,6 +22,7 @@
   .item {
   gap: var(--spacing-2half);
   width: auto;
+  justify-content: center;
 }
 
 .iconContainer > svg {
@@ -35,8 +36,10 @@
 
 .labelArea {
   display: flex;
-  gap: var(--spacing-2);
   align-items: center;
+  gap: var(--spacing-2);
+  flex: 1;
+  min-width: 0;
   opacity: 0;
   transition: opacity 0.1s var(--default-timing-function);
 }
@@ -50,6 +53,8 @@
 }
 
 .label {
+  flex: 1;
+  min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: var(--font-size-4, 0.8125rem);
diff --git a/frontend/apps/app/components/CommonLayout/GlobalNav/NewSessionButton/NewSessionButton.module.css b/frontend/apps/app/components/CommonLayout/GlobalNav/NewSessionButton/NewSessionButton.module.css
index 46afdf653a..62e0b873fc 100644
--- a/frontend/apps/app/components/CommonLayout/GlobalNav/NewSessionButton/NewSessionButton.module.css
+++ b/frontend/apps/app/components/CommonLayout/GlobalNav/NewSessionButton/NewSessionButton.module.css
@@ -1,4 +1,10 @@
 .newSessionButton {
+  display: grid;
+  grid-auto-flow: column;
+  align-items: center;
+  justify-content: center;
+  justify-items: center;
+  column-gap: var(--spacing-2half);
   color: var(--button-primary-foreground);
   background-color: var(--button-primary-background);
   border: var(--border-width-base) solid var(--button-primary-background);
@@ -12,3 +18,30 @@
 .newSessionButton .icon {
   color: var(--button-primary-foreground);
 }
+
+.iconContainer {
+  display: flex;
+}
+
+:global([data-global-nav-container]):hover .newSessionButton .iconContainer,
+:global([data-global-nav-container]):has(
+    [data-radix-menu-content][data-state='open']
+  )
+  .newSessionButton
+  .iconContainer {
+  display: none;
+}
+
+.labelArea {
+  display: none;
+  justify-content: center;
+}
+
+:global([data-global-nav-container]):hover .newSessionButton .labelArea,
+:global([data-global-nav-container]):has(
+    [data-radix-menu-content][data-state='open']
+  )
+  .newSessionButton
+  .labelArea {
+  display: flex;
+}
diff --git a/frontend/apps/app/components/CommonLayout/GlobalNav/NewSessionButton/NewSessionButton.tsx b/frontend/apps/app/components/CommonLayout/GlobalNav/NewSessionButton/NewSessionButton.tsx
index e1d982ae26..f45dd08f9d 100644
--- a/frontend/apps/app/components/CommonLayout/GlobalNav/NewSessionButton/NewSessionButton.tsx
+++ b/frontend/apps/app/components/CommonLayout/GlobalNav/NewSessionButton/NewSessionButton.tsx
@@ -12,11 +12,11 @@ export const NewSessionButton: FC = () => {
       href={urlgen('design_sessions/new')}
       className={clsx(itemStyles.item, styles.newSessionButton)}
     >
-      <div className={itemStyles.iconContainer}>
+      <div className={clsx(itemStyles.iconContainer, styles.iconContainer)}>
         <MessageCircleIcon className={styles.icon} />
       </div>
-      <div className={itemStyles.labelArea}>
-        <span className={itemStyles.label}>New Session</span>
+      <div className={clsx(itemStyles.labelArea, styles.labelArea)}>
+        <span className={clsx(itemStyles.label)}>New Session</span>
       </div>
     </Link>
   )
diff --git a/frontend/apps/app/components/CommonLayout/GlobalNav/RecentsSection/components/SessionFilterDropdown/SessionFilterDropdown.module.css b/frontend/apps/app/components/CommonLayout/GlobalNav/RecentsSection/components/SessionFilterDropdown/SessionFilterDropdown.module.css
index f40eec1afe..829aa6ddb5 100644
--- a/frontend/apps/app/components/CommonLayout/GlobalNav/RecentsSection/components/SessionFilterDropdown/SessionFilterDropdown.module.css
+++ b/frontend/apps/app/components/CommonLayout/GlobalNav/RecentsSection/components/SessionFilterDropdown/SessionFilterDropdown.module.css
@@ -7,8 +7,9 @@
   width: 0.75rem;
   height: 0.75rem;
   color: var(--overlay-70);
+  margin-left: auto;
 }
 
 .dropdownContent {
-  min-width: 200px;
+  width: 15rem;
 }
diff --git a/frontend/packages/ui/src/components/BaseGlobalNav/BaseGlobalNav.module.css b/frontend/packages/ui/src/components/BaseGlobalNav/BaseGlobalNav.module.css
index 344b061519..cc771661f3 100644
--- a/frontend/packages/ui/src/components/BaseGlobalNav/BaseGlobalNav.module.css
+++ b/frontend/packages/ui/src/components/BaseGlobalNav/BaseGlobalNav.module.css
@@ -20,7 +20,7 @@
 }
 
 :not([data-disable-hover]) > .globalNav:hover {
-  width: 11rem;
+  width: 15rem;
   box-shadow: 4px 0 16px rgba(0, 0, 0, 0.2);
 }