diff --git a/src/components/Root.css b/src/components/Root.css
index 39562cf..3d739c0 100644
--- a/src/components/Root.css
+++ b/src/components/Root.css
@@ -106,6 +106,7 @@ body {
 body,
 body.dark {
   --color-background: #202020;
+  --color-background2: rgba(32, 32, 32, 0.3);
   --color-text: #ddd;
   --color-text-secondary: #ccc;
   --color-text-highlight: #fff;
@@ -129,6 +130,7 @@ body.dark {
 
 body.light {
   --color-background: #fbfbfb;
+  --color-background2: rgba(251, 251, 251, 0.3);
   --color-text: #222;
   --color-text-secondary: #646464;
   --color-text-highlight: #040404;
diff --git a/src/components/proxies/Proxies.module.css b/src/components/proxies/Proxies.module.css
index ba09eec..1a73d76 100644
--- a/src/components/proxies/Proxies.module.css
+++ b/src/components/proxies/Proxies.module.css
@@ -7,8 +7,8 @@
   justify-content: space-between;
   flex-wrap: wrap;
   z-index: 1;
-  background: var(--color-background);
-  background: linear-gradient(var(--color-background) 70%, transparent);
+  background-color: var(--color-background2);
+  backdrop-filter: blur(36px);
 }
 
 .topBarRight {