diff --git a/config/ags/scss/widgets/systray.scss b/config/ags/scss/widgets/systray.scss
index 1f11e24b..5299d8aa 100644
--- a/config/ags/scss/widgets/systray.scss
+++ b/config/ags/scss/widgets/systray.scss
@@ -8,6 +8,7 @@
 
   .tray-item {
     image { color: #CBA6F7; }
+    background-color: transparent;
     padding: 0px 2px 0px 2px;
     border-radius: 100%;
     transition: all 0.5s ease-in-out;
@@ -23,6 +24,10 @@
     }
   }
 
+  menubar {
+    background-color: transparent;
+  }
+
   menuitem:not(.tray-item) {
     padding: 5px;
     transition: all 0.2s ease-in-out;
diff --git a/config/ags/style.css b/config/ags/style.css
index d33bf503..ab3b65f7 100644
--- a/config/ags/style.css
+++ b/config/ags/style.css
@@ -154,6 +154,7 @@ tooltip {
   border: 2px solid rgba(56, 44, 74, 0.8);
   transition: background-color 0.5s ease-in-out, border 0.5s ease-in-out; }
   .sys-tray .tray-item {
+    background-color: transparent;
     padding: 0px 2px 0px 2px;
     border-radius: 100%;
     transition: all 0.5s ease-in-out; }
@@ -165,6 +166,8 @@ tooltip {
     .sys-tray .tray-item * {
       font-size: 25px;
       border-radius: 10px; }
+  .sys-tray menubar {
+    background-color: transparent; }
   .sys-tray menuitem:not(.tray-item) {
     padding: 5px;
     transition: all 0.2s ease-in-out; }