diff --git a/src/components/codeKeywords/keywordSelector.tsx b/src/components/codeKeywords/keywordSelector.tsx
index a7db59a75bd05..9a07e5b58587d 100644
--- a/src/components/codeKeywords/keywordSelector.tsx
+++ b/src/components/codeKeywords/keywordSelector.tsx
@@ -37,7 +37,8 @@ export function KeywordSelector({keyword, group, index}: KeywordSelectorProps) {
   const [dropdownEl, setDropdownEl] = useState<HTMLElement | null>(null);
   const [isAnimating, setIsAnimating] = useState(false);
   const [orgFilter, setOrgFilter] = useState('');
-  const {theme} = useTheme();
+  const {resolvedTheme: theme} = useTheme();
+
   const isDarkMode = theme === 'dark';
   const {isMounted} = useIsMounted();