diff --git a/components/Player/mini-player.tsx b/components/Player/mini-player.tsx
index 75265bbc..81e5c27c 100644
--- a/components/Player/mini-player.tsx
+++ b/components/Player/mini-player.tsx
@@ -26,7 +26,7 @@ export function Miniplayer({ navigation }: { navigation : NavigationHelpers<Para
     const { width } = useSafeAreaFrame();
 
     return (
-        <BlurView>
+        <BlurView overlayColor={Colors.Background}>
             { nowPlaying && (
 
                 <XStack 
diff --git a/components/jellify.tsx b/components/jellify.tsx
index c8f7cead..eb5e14cb 100644
--- a/components/jellify.tsx
+++ b/components/jellify.tsx
@@ -6,7 +6,7 @@ import Navigation from "./navigation";
 import Login from "./Login/component";
 import { JellyfinAuthenticationProvider } from "./Login/provider";
 import { SafeAreaProvider } from "react-native-safe-area-context";
-import { JellifyTheme } from "./theme";
+import { JellifyDarkTheme } from "./theme";
 import { PlayerProvider } from "../player/provider";
 
 export default function Jellify(): React.JSX.Element {
@@ -24,7 +24,7 @@ function App(): React.JSX.Element {
   const { server, library } = useApiClientContext();
   
   return (
-    <NavigationContainer theme={JellifyTheme}>
+    <NavigationContainer theme={JellifyDarkTheme}>
       <SafeAreaProvider>
         { server && library ? (
           <PlayerProvider>
diff --git a/components/theme.ts b/components/theme.ts
index 93a24137..c88ad24a 100644
--- a/components/theme.ts
+++ b/components/theme.ts
@@ -1,12 +1,13 @@
 import { DarkTheme } from "@react-navigation/native";
 import { Colors } from "../enums/colors";
 
-export const JellifyTheme = {
-    ...DarkTheme,
+export const JellifyDarkTheme = {
     colors: {
       ...DarkTheme.colors,
+      card: Colors.Background,
+      border: Colors.Secondary,
       background: Colors.Background,
       primary: Colors.Primary,
     },  
     dark: true
-  };
\ No newline at end of file
+};
\ No newline at end of file