diff --git a/src/components/Elements/MainModal/scss/index.scss b/src/components/Elements/MainModal/scss/index.scss
index 4dd5fa68..8ba6f15d 100644
--- a/src/components/Elements/MainModal/scss/index.scss
+++ b/src/components/Elements/MainModal/scss/index.scss
@@ -89,9 +89,13 @@
   height: 80vh;
   width: clamp(60vw, 1400px, 90vw);
 
-  @include themed {
-    background-color: t($modal-background);
-  }
+  background-color: rgba(1, 1, 1, 0.7);
+  -webkit-backdrop-filter: blur(16px) saturate(180%);
+  backdrop-filter: blur(16px) saturate(180%);
+
+  // @include themed {
+  //   background-color: t($modal-background);
+  // }
 }
 
 /* fixes for font size on extension */
diff --git a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
index f51a6989..e7673b95 100644
--- a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
+++ b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
@@ -14,6 +14,9 @@
     width: 100%;
     background: t($modal-background);
 
+    margin: 0 1rem;
+    border-radius: t($borderRadius);
+
     @extend %tabText;
 
     hr {
diff --git a/src/components/Elements/MainModal/scss/modules/_sidebar.scss b/src/components/Elements/MainModal/scss/modules/_sidebar.scss
index 483c424b..e4dec96e 100644
--- a/src/components/Elements/MainModal/scss/modules/_sidebar.scss
+++ b/src/components/Elements/MainModal/scss/modules/_sidebar.scss
@@ -7,7 +7,7 @@
     position: sticky;
     margin: 0;
     padding: 0 5px;
-    background: t($modal-sidebar);
+    // background: t($modal-sidebar);
     border-radius: 12px 0 0 12px;
     overflow: hidden auto;
     height: 80vh;