diff --git a/src/app/core/components/navigation-bar/navigation-bar.scss b/src/app/core/components/navigation-bar/navigation-bar.scss
index 8867817..ca0c91f 100644
--- a/src/app/core/components/navigation-bar/navigation-bar.scss
+++ b/src/app/core/components/navigation-bar/navigation-bar.scss
@@ -1,6 +1,4 @@
 nav {
-    background-color: rgb(from var(--content-background) r g b / 0.5);
-
     .options > div {
         display: grid;
         place-items: center;
diff --git a/src/app/pages/home/home.scss b/src/app/pages/home/home.scss
index 8fb417e..d7fa2e9 100644
--- a/src/app/pages/home/home.scss
+++ b/src/app/pages/home/home.scss
@@ -1,7 +1,7 @@
 main {
     img {
-        filter: drop-shadow(0 0 30px rgb(from var(--primary-color) r g b / 0.2));
-        mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
+        filter: drop-shadow(0 0 15px rgb(from var(--primary-color) r g b / 0.1));
+        mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
     }
 }
 
diff --git a/src/styles.scss b/src/styles.scss
index 9d976c3..7ec4dca 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -13,7 +13,7 @@ body {
 }
 
 html.dark body {
-  background-color: var(--surface-950);
+  background-color: var(--surface-900);
 }
 
 p-card {