diff --git a/.config/ags/scss/_notifications.scss b/.config/ags/scss/_notifications.scss
index 786a156eb..9036e9655 100644
--- a/.config/ags/scss/_notifications.scss
+++ b/.config/ags/scss/_notifications.scss
@@ -43,20 +43,30 @@
     @include notif-rounding;
     min-width: 30.682rem;
     background-color: $layer2;
+
+    @if $transparent ==True {
+        background-color: $layer0;
+    }
+
     border: 0.034rem solid $outlineVariant;
     color: $onLayer2;
     padding: $rounding_small;
-    padding-right: $rounding_small + 0.545rem;
+    padding-right: $rounding_small +0.545rem;
 }
 
 .popup-notif-normal {
     @include notif-rounding;
     min-width: 30.682rem;
     background-color: $layer2;
+
+    @if $transparent ==True {
+        background-color: $layer0;
+    }
+
     border: 0.034rem solid $outlineVariant;
     color: $onLayer2;
     padding: $rounding_small;
-    padding-right: $rounding_small + 0.545rem;
+    padding-right: $rounding_small +0.545rem;
 }
 
 .popup-notif-critical {