From 1201beb27b920dfccc0ba9afc68c4acfad36dd15 Mon Sep 17 00:00:00 2001
From: Evangelos Skopelitis <eskopelitis@microsoft.com>
Date: Tue, 12 May 2026 13:39:18 -0400
Subject: [PATCH] upstreamable: frontend: Fix mobile navbar control colors

Signed-off-by: Evangelos Skopelitis <eskopelitis@microsoft.com>
---
 frontend/src/components/Sidebar/HeadlampButton.tsx    | 6 +++---
 frontend/src/components/globalSearch/GlobalSearch.tsx | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Sidebar/HeadlampButton.tsx b/frontend/src/components/Sidebar/HeadlampButton.tsx
index 03818a0d5..75f9795ef 100644
--- a/frontend/src/components/Sidebar/HeadlampButton.tsx
+++ b/frontend/src/components/Sidebar/HeadlampButton.tsx
@@ -54,11 +54,11 @@ export default function HeadlampButton({
   return (
     <Box>
       <Button
+        color="inherit"
         onClick={onToggleOpen}
-        sx={theme => ({
+        sx={{
           padding: isSmall && !open ? `10px 10px` : '6px 8px',
-          color: theme.palette.text.primary,
-        })}
+        }}
         aria-label={open ? t('Shrink sidebar') : t('Expand sidebar')}
         disabled={disabled}
       >
diff --git a/frontend/src/components/globalSearch/GlobalSearch.tsx b/frontend/src/components/globalSearch/GlobalSearch.tsx
index 84c65ac61..ee1311c54 100644
--- a/frontend/src/components/globalSearch/GlobalSearch.tsx
+++ b/frontend/src/components/globalSearch/GlobalSearch.tsx
@@ -63,6 +63,7 @@ export function GlobalSearch({ isIconButton }: { isIconButton?: boolean }) {
   const iconSize = isIconButton ? 24 : 18;
   const textFieldPlaceholder = smallBreakpoint ? (
     <IconButton
+      color="inherit"
       size="medium"
       sx={
         isIconButton