From 9516d144a0a12d8b21d5801e6e1d652c4b7239a7 Mon Sep 17 00:00:00 2001
From: Sodbileg Gansukh <sodbileg.gansukh@gmail.com>
Date: Wed, 6 Nov 2024 18:42:32 +0800
Subject: [PATCH] Used theme package name for hiding theme-specific font
 settings (#21545)

ref DES-929
---
 .../settings/site/designAndBranding/ThemeSettings.tsx           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/admin-x-settings/src/components/settings/site/designAndBranding/ThemeSettings.tsx b/apps/admin-x-settings/src/components/settings/site/designAndBranding/ThemeSettings.tsx
index 09cf97e99f..dddd00f4e8 100644
--- a/apps/admin-x-settings/src/components/settings/site/designAndBranding/ThemeSettings.tsx
+++ b/apps/admin-x-settings/src/components/settings/site/designAndBranding/ThemeSettings.tsx
@@ -43,7 +43,7 @@ const themeSettingsMap: ThemeSettingsMap = {
 const ThemeSettings: React.FC<ThemeSettingsProps> = ({sections, updateSetting}) => {
     const {data: themesData} = useBrowseThemes();
     const activeTheme = themesData?.themes.find((theme: Theme) => theme.active);
-    const activeThemeName = activeTheme?.name.toLowerCase() || '';
+    const activeThemeName = activeTheme?.package.name?.toLowerCase() || '';
     const hasCustomFonts = useFeatureFlag('customFonts');
 
     return (