diff --git a/src/main/window.ts b/src/main/window.ts
index fce679427..f0226bed5 100644
--- a/src/main/window.ts
+++ b/src/main/window.ts
@@ -53,7 +53,7 @@ export function createWindow(
           x: 18,
           y: 18,
         },
-        vibrancy: "sidebar",
+        vibrancy: "under-window",
         visualEffectState: "active",
         transparent: true,
       } as Electron.BrowserWindowConstructorOptions)
diff --git a/src/renderer/src/components/ui/background/vibrancy.tsx b/src/renderer/src/components/ui/background/WindowUnderBlur.tsx
similarity index 94%
rename from src/renderer/src/components/ui/background/vibrancy.tsx
rename to src/renderer/src/components/ui/background/WindowUnderBlur.tsx
index 21f25c131..0c84f08ec 100644
--- a/src/renderer/src/components/ui/background/vibrancy.tsx
+++ b/src/renderer/src/components/ui/background/WindowUnderBlur.tsx
@@ -5,7 +5,7 @@ type Props = Component<
   React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>
 >
 const MacOSVibrancy: Props = ({ className, children, ...rest }) => (
-  <div className={cn("bg-native/50 dark:bg-native/10", className)} {...rest}>
+  <div className={cn("bg-native/30 dark:bg-native/10", className)} {...rest}>
     {children}
   </div>
 )
diff --git a/src/renderer/src/components/ui/background/index.ts b/src/renderer/src/components/ui/background/index.ts
index 11474f523..9b9580b1c 100644
--- a/src/renderer/src/components/ui/background/index.ts
+++ b/src/renderer/src/components/ui/background/index.ts
@@ -1 +1 @@
-export * from "./vibrancy"
+export * from "./WindowUnderBlur"
diff --git a/src/renderer/src/modules/settings/modules/fonts.tsx b/src/renderer/src/modules/settings/modules/fonts.tsx
index 3dec671ce..04cf40a34 100644
--- a/src/renderer/src/modules/settings/modules/fonts.tsx
+++ b/src/renderer/src/modules/settings/modules/fonts.tsx
@@ -99,7 +99,7 @@ export const ContentFontSelector = () => {
 
 export const UIFontSelector = () => {
   // filter out the fallback font
-  const data = useFontData().slice(1)
+  const data = useFontData().slice(1).filter((d) => d.value !== DEFAULT_FONT)
   const uiFont = useUISettingSelector((state) => state.uiFontFamily)
   const setCustom = usePresentCustomFontDialog("uiFontFamily")
   const isCustomFont = useMemo(