diff --git a/apps/Standalone/src/desginer/app/DesignerShell/designer.tsx b/apps/Standalone/src/desginer/app/DesignerShell/designer.tsx
index fd28170337b..bd466da3f5e 100644
--- a/apps/Standalone/src/desginer/app/DesignerShell/designer.tsx
+++ b/apps/Standalone/src/desginer/app/DesignerShell/designer.tsx
@@ -11,8 +11,7 @@ import { QueryClientProvider, useQuery } from 'react-query';
 const standaloneQueryClient = getReactQueryClient();
 
 const LoadWhenArmTokenIsLoaded = ({ children }: { children: ReactNode }) => {
-  const { data, isLoading } = useQuery('armToken', loadToken);
-  console.log(data);
+  const { isLoading } = useQuery('armToken', loadToken);
   return isLoading ? null : <>{children}</>;
 };
 export const DesignerWrapper = () => {
diff --git a/libs/designer-ui/src/lib/settings/settingsection/settingTokenField.tsx b/libs/designer-ui/src/lib/settings/settingsection/settingTokenField.tsx
index 0ef058949b9..9d255099d2b 100644
--- a/libs/designer-ui/src/lib/settings/settingsection/settingTokenField.tsx
+++ b/libs/designer-ui/src/lib/settings/settingsection/settingTokenField.tsx
@@ -187,7 +187,11 @@ export const TokenField = ({
           placeholder={placeholder}
           readonly={readOnly}
           initialValue={value}
-          options={dropdownOptions.map((option: any, index: number) => ({ key: index.toString(), ...option }))}
+          options={dropdownOptions.map((option: any, index: number) => ({
+            key: index.toString(),
+            ...option,
+            displayName: typeof option.displayName === 'string' ? option.displayName : JSON.stringify(option.displayName),
+          }))}
           useOption={true}
           isLoading={isLoading}
           errorDetails={errorDetails}