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