diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 9fbc47f0a..bb10de7a7 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -263,11 +263,18 @@
         background-color: hsl(240 5% 8% / 0.6);
     }
 
-    .card {
-        --p-card-bg-color: var(--color-neutral-5-new);
+    .theme-dark .card-header {
+        background: var(--url) #18181b;
+        background-repeat: no-repeat;
+        background-position: top right;
+    }
+    .theme-light .card-header {
+        background-color: #fbfbfc;
+        background-repeat: no-repeat;
+        background-position: top right;
     }
 
-    :global(.theme-dark) .card {
+    .theme-dark .card {
         --p-card-bg-color: var(--color-neutral-100-new);
     }
 
diff --git a/src/routes/console/project-[project]/overview/onboard.svelte b/src/routes/console/project-[project]/overview/onboard.svelte
index fd276bada..198df4caa 100644
--- a/src/routes/console/project-[project]/overview/onboard.svelte
+++ b/src/routes/console/project-[project]/overview/onboard.svelte
@@ -164,13 +164,9 @@
 <style lang="scss">
     @import '@appwrite.io/pink/src/abstract/variables/_devices.scss';
 
-    .card-header {
-        background: transparent;
-    }
-
     @media #{$break2open} {
         .card-header {
-            background: var(--url) transparent;
+            background-image: var(--url);
             background-repeat: no-repeat;
             background-position: top right;
         }