diff --git a/package-lock.json b/package-lock.json
index ee33c1e13..cffe0e9e4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -143,7 +143,7 @@
         "@types/xml2js": "0.4.14",
         "@types/yargs": "17.0.33",
         "cross-env": "7.0.3",
-        "electron": "31.3.1",
+        "electron": "33.2.1",
         "electron-packager": "17.1.2",
         "electron-rebuild": "3.2.9",
         "esm": "3.2.25",
@@ -7571,9 +7571,9 @@
       }
     },
     "node_modules/electron": {
-      "version": "31.3.1",
-      "resolved": "https://registry.npmjs.org/electron/-/electron-31.3.1.tgz",
-      "integrity": "sha512-9fiuWlRhBfygtcT+auRd/WdBK/f8LZZcrpx0RjpXhH2DPTP/PfnkC4JB1PW55qCbGbh4wAgkYbf4ExIag8oGCA==",
+      "version": "33.2.1",
+      "resolved": "https://registry.npmjs.org/electron/-/electron-33.2.1.tgz",
+      "integrity": "sha512-SG/nmSsK9Qg1p6wAW+ZfqU+AV8cmXMTIklUL18NnOKfZLlum4ZsDoVdmmmlL39ZmeCaq27dr7CgslRPahfoVJg==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
diff --git a/package.json b/package.json
index 755a09c8a..07385043b 100644
--- a/package.json
+++ b/package.json
@@ -183,7 +183,7 @@
     "@types/xml2js": "0.4.14",
     "@types/yargs": "17.0.33",
     "cross-env": "7.0.3",
-    "electron": "31.3.1",
+    "electron": "33.2.1",
     "electron-packager": "17.1.2",
     "electron-rebuild": "3.2.9",
     "esm": "3.2.25",
diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css
index 39fd64cb4..e84db4cd6 100644
--- a/src/public/stylesheets/theme-next.css
+++ b/src/public/stylesheets/theme-next.css
@@ -437,8 +437,12 @@ body.background-effects.platform-win32.layout-vertical {
     --background-material: mica;
 }
 
-body.background-effects.platform-win32,
-body.background-effects.platform-win32 #root-widget,
+body.background-effects.platform-darwin.layout-horizontal {
+    --left-pane-background-color: transparent;
+}
+
+body.background-effects,
+body.background-effects #root-widget,
 body.background-effects.platform-win32 #launcher-pane .launcher-button {
     background: transparent !important;   
 }
diff --git a/src/services/window.ts b/src/services/window.ts
index 0ef8ca335..4b5d80e15 100644
--- a/src/services/window.ts
+++ b/src/services/window.ts
@@ -32,7 +32,7 @@ async function createExtraWindow(extraWindowHash: string) {
             spellcheck: spellcheckEnabled
         },
         ...getWindowExtraOpts(),
-        icon: getIcon()
+        icon: getIcon(),
     });
 
     win.setMenuBarVisibility(false);
@@ -122,6 +122,10 @@ function getWindowExtraOpts() {
         if (isMac) {
             extraOpts.titleBarStyle = "hiddenInset";
             extraOpts.titleBarOverlay = true;
+            extraOpts.transparent = true;
+            extraOpts.backgroundColor = "#00000000"; // transparent hexadecimal or anything with transparency,
+            extraOpts.vibrancy = "under-window", // in my case...
+            extraOpts.visualEffectState = "followWindow";
         } else if (isWindows) {
             extraOpts.titleBarStyle = "hidden";
             extraOpts.titleBarOverlay = true;