diff --git a/src/dashboardWebView/components/Header/Filter.tsx b/src/dashboardWebView/components/Header/Filter.tsx
index b3bf2c44..84d11942 100644
--- a/src/dashboardWebView/components/Header/Filter.tsx
+++ b/src/dashboardWebView/components/Header/Filter.tsx
@@ -12,14 +12,14 @@ export interface IFilterProps {
   onClick: (item: string | null) => void;
 }
 
-const DEFAULT_VALUE = l10n.t(LocalizationKey.dashboardHeaderFilterDefault);
-
 export const Filter: React.FunctionComponent<IFilterProps> = ({
   label,
   activeItem,
   items,
   onClick
 }: React.PropsWithChildren<IFilterProps>) => {
+  const DEFAULT_VALUE = l10n.t(LocalizationKey.dashboardHeaderFilterDefault);
+
   if (!items || items.length === 0) {
     return null;
   }
diff --git a/src/dashboardWebView/components/Header/Folders.tsx b/src/dashboardWebView/components/Header/Folders.tsx
index 4b339689..e5e0df83 100644
--- a/src/dashboardWebView/components/Header/Folders.tsx
+++ b/src/dashboardWebView/components/Header/Folders.tsx
@@ -8,11 +8,10 @@ import { LocalizationKey } from '../../../localization';
 
 export interface IFoldersProps { }
 
-const DEFAULT_TYPE = l10n.t(LocalizationKey.dashboardHeaderFoldersDefault);
-
 export const Folders: React.FunctionComponent<
   IFoldersProps
 > = ({ }: React.PropsWithChildren<IFoldersProps>) => {
+  const DEFAULT_TYPE = l10n.t(LocalizationKey.dashboardHeaderFoldersDefault);
   const [crntFolder, setCrntFolder] = useRecoilState(FolderAtom);
   const settings = useRecoilValue(SettingsSelector);
   const contentFolders = settings?.contentFolders || [];