diff --git a/src/components/Elements/MainModal/backend/TabNavbar.jsx b/src/components/Elements/MainModal/backend/TabNavbar.jsx
index 1a8f7543..5cb54216 100644
--- a/src/components/Elements/MainModal/backend/TabNavbar.jsx
+++ b/src/components/Elements/MainModal/backend/TabNavbar.jsx
@@ -148,7 +148,7 @@ const TabNavbar = ({ modalClose }) => {
           {subTab !== '' && (
             <>
               <MdOutlineKeyboardArrowRight />
-              <span onClick={() => setSubSection('')} className={clsx("text-xl capitalize tracking-normal", { 'text-neutral-300 cursor-pointer': subSection !== '' })}>{subTab}</span>
+              <span onClick={() => setSubSection('')} className={clsx("text-xl capitalize tracking-normal transition-all duration-300 ease-in-out", { 'text-neutral-300 cursor-pointer hover:text-neutral-100': subSection !== '' })}>{subTab}</span>
             </>
           )}
           {subSection !== '' && (
diff --git a/src/components/Elements/MainModal/scss/index.scss b/src/components/Elements/MainModal/scss/index.scss
index 05b18711..66af66b1 100644
--- a/src/components/Elements/MainModal/scss/index.scss
+++ b/src/components/Elements/MainModal/scss/index.scss
@@ -87,12 +87,16 @@
 #modal {
   height: 80vh;
   width: clamp(60vw, 1400px, 90vw);
+  background: rgba(14, 16, 19, .85);
+  backdrop-filter: blur(60px);
+  border: 3px solid rgba(14, 16, 19, .1);
 
-  @include themed {
+  /*@include themed {
     background-color: t($modal-sidebar);
-  }
+  }*/
 }
 
+
 /* fixes for font size on extension */
 label,
 p,
diff --git a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
index bc44f884..3bbc5904 100644
--- a/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
+++ b/src/components/Elements/MainModal/scss/modules/_modalTabContent.scss
@@ -13,7 +13,7 @@
     display: flex;
     flex-direction: column;
     width: 100%;
-    background: t($modal-background);
+    background: t($modal-sidebar);
 
     @extend %tabText;
 
diff --git a/src/components/Elements/MainModal/scss/modules/_sidebar.scss b/src/components/Elements/MainModal/scss/modules/_sidebar.scss
index 76c79bbc..d232ba1b 100644
--- a/src/components/Elements/MainModal/scss/modules/_sidebar.scss
+++ b/src/components/Elements/MainModal/scss/modules/_sidebar.scss
@@ -7,7 +7,6 @@
     position: sticky;
     margin: 0;
     padding: 0 5px;
-    background: t($modal-sidebar);
     border-radius: 12px 0 0 12px;
     overflow: hidden auto;
     height: 67vh;
diff --git a/src/features/greeting/options/GreetingOptions.jsx b/src/features/greeting/options/GreetingOptions.jsx
index 5af51d8b..3dbb4c6b 100644
--- a/src/features/greeting/options/GreetingOptions.jsx
+++ b/src/features/greeting/options/GreetingOptions.jsx
@@ -299,7 +299,6 @@ const GreetingOptions = () => {
   return (
     <>
       {header}
-      {subSection}
       {subSection === "events" ? (
         <>
           <Row>
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index b51938a4..aba3abce 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -81,7 +81,7 @@ $themes: (
     'btn-background': #222,
     'btn-backgroundHover': #565656,
     'modal-background': #0a0a0a,
-    'modal-sidebar': #0e1013,
+    'modal-sidebar': rgb(14, 16, 19),
     'modal-sidebarActive': #333,
     'modal-secondaryColour': #111,
     'link': rgb(115 115 255),