feat(dashboard): clerk components font size unification (#6984)

novuhq · Nov 14, 2024 · f776f1b · f776f1b
1 parent 3fcb257
commit f776f1b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/apps/dashboard/src/components/side-navigation/organization-dropdown.tsx b/apps/dashboard/src/components/side-navigation/organization-dropdown.tsx
@@ -11,7 +11,7 @@ const OrganizationSwitcherAppearance: OrganizationSwitcherTheme = {
     organizationSwitcherPopoverActionButton__manageOrganization: {
       display: 'none',
     },
-    organizationPreviewMainIdentifier: 'text-foreground text-base',
+    organizationPreviewMainIdentifier: 'text-foreground-950 text-base',
     organizationPreviewAvatarContainer: 'size-6 rounded-full',
     organizationPreviewAvatarBox: 'rounded-full size-6',
     organizationPreview: 'py-1.5 px-4 gap-2',

diff --git a/apps/dashboard/src/context/clerk-provider.tsx b/apps/dashboard/src/context/clerk-provider.tsx
@@ -62,6 +62,9 @@ export const ClerkProvider = (props: ClerkProviderProps) => {
         elements: {
           formButtonPrimary: cn(buttonVariants({ variant: 'primary' })),
         },
+        variables: {
+          fontSize: '14px !important',
+        },
       }}
       localization={CLERK_LOCALIZATION}
       allowedRedirectOrigins={ALLOWED_REDIRECT_ORIGINS}