diff --git a/packages/ui/src/provider/theme-provider.tsx b/packages/ui/src/provider/theme-provider.tsx
index 86f6a77..3f752db 100644
--- a/packages/ui/src/provider/theme-provider.tsx
+++ b/packages/ui/src/provider/theme-provider.tsx
@@ -19,7 +19,7 @@ const densityMap = {
   standard: standardDensity,
 };
 
-export function ThemeProvider({ children, colorScheme = 'light', density = 'standard' }: ThemeProviderProps) {
+export function ThemeProvider({ children, colorScheme = 'light', density = 'compact' }: ThemeProviderProps) {
   const baseTheme = createTheme({
     colors: {
       brand: brandColors,
@@ -39,11 +39,7 @@ export function ThemeProvider({ children, colorScheme = 'light', density = 'stan
   const mergedTheme = mergeThemeOverrides(baseTheme, selectedDensity);
 
   return (
-    <MantineProvider
-      theme={mergedTheme}
-      forceColorScheme={colorScheme}
-      defaultColorScheme={colorScheme}
-    >
+    <MantineProvider theme={mergedTheme} forceColorScheme={colorScheme} defaultColorScheme={colorScheme}>
       {children}
     </MantineProvider>
   );