diff --git a/packages/desktop/src-tauri/Cargo.lock b/packages/desktop/src-tauri/Cargo.lock
index 2828f8e9..b087df06 100644
--- a/packages/desktop/src-tauri/Cargo.lock
+++ b/packages/desktop/src-tauri/Cargo.lock
@@ -2847,7 +2847,7 @@ dependencies = [
[[package]]
name = "openchamber-desktop"
-version = "1.2.8"
+version = "1.2.9"
dependencies = [
"anyhow",
"axum",
diff --git a/packages/ui/src/components/layout/Header.tsx b/packages/ui/src/components/layout/Header.tsx
index 698738e0..d0d74b93 100644
--- a/packages/ui/src/components/layout/Header.tsx
+++ b/packages/ui/src/components/layout/Header.tsx
@@ -310,7 +310,7 @@ export const Header: React.FC = () => {
isGitTab && 'border-r',
- isChatTab && !isMobile && 'min-w-[165px]'
+ isChatTab && !isMobile && 'min-w-[165px] max-[1024px]:min-w-0'
)}
style={{
...(isActive && isChatTab && isSidebarOpen ? {
@@ -319,6 +319,7 @@ export const Header: React.FC = () => {
} : {}),
...((isChatTab && !(isDesktopApp && isMacPlatform && isSidebarOpen)) || isGitTab ? { borderColor: 'var(--interactive-border)' } : {}),
}}
+ aria-label={tab.label}
aria-selected={isActive}
role="tab"
>
@@ -327,7 +328,7 @@ export const Header: React.FC = () => {
) : (
<>
- {tab.label}
+ {tab.label}
>
)}
{}
diff --git a/packages/ui/src/index.css b/packages/ui/src/index.css
index 19e0d865..99dde492 100644
--- a/packages/ui/src/index.css
+++ b/packages/ui/src/index.css
@@ -884,6 +884,17 @@ html:not(.dark) .chat-scroll {
}
}
+/* Header tab responsiveness */
+:root:not(.mobile-pointer):not(.vscode-runtime) .header-tab-label {
+ display: inline;
+}
+
+@media (max-width: 820px) {
+ :root:not(.mobile-pointer):not(.vscode-runtime) .header-tab-label {
+ display: none;
+ }
+}
+
/* Mobile Adaptations - All Devices */
/* Set global device type variables */