diff --git a/waterfox/browser/components/preferences/content/preferences-theme.xhtml b/waterfox/browser/components/preferences/content/preferences-theme.xhtml
index f21cf5bc33206..313c6ecdfd977 100644
--- a/waterfox/browser/components/preferences/content/preferences-theme.xhtml
+++ b/waterfox/browser/components/preferences/content/preferences-theme.xhtml
@@ -251,6 +251,12 @@
                 </label>
 
 
+                <checkbox id="enablePanelTransparency" preference="userChrome.theme.transparent.panel"
+                data-l10n-id="enable-panel-transparency" />
+
+                <checkbox id="enableMenuTransparency" preference="userChrome.theme.transparent.menu"
+                data-l10n-id="enable-menu-transparency" />
+
                 <checkbox id="disablePanelAnimate" preference="userChrome.decoration.disable_panel_animate"
                     data-l10n-id="disable-panel-animate" />
 
diff --git a/waterfox/browser/components/preferences/content/theme.js b/waterfox/browser/components/preferences/content/theme.js
index 0f1e22fc96fd9..202508dee59a6 100644
--- a/waterfox/browser/components/preferences/content/theme.js
+++ b/waterfox/browser/components/preferences/content/theme.js
@@ -61,6 +61,8 @@ var gThemePane = {
       { id: "userChrome.hidden.bookmarkbar_label", type: "bool" },
 
       // Panels
+      { id: "userChrome.theme.transparent.panel", type: "bool" },
+      { id: "userChrome.theme.transparent.menu", type: "bool" },
       { id: "userChrome.decoration.disable_panel_animate", type: "bool" },
       { id: "userChrome.hidden.disabled_menu", type: "bool" },
       { id: "userChrome.rounding.square_panel", type: "bool" },
diff --git a/waterfox/browser/locales/en-US/waterfox.ftl b/waterfox/browser/locales/en-US/waterfox.ftl
index 66e6143047e19..20421900f4db4 100644
--- a/waterfox/browser/locales/en-US/waterfox.ftl
+++ b/waterfox/browser/locales/en-US/waterfox.ftl
@@ -154,6 +154,10 @@ enable-waterfox-theme-1 =
     .label = Enable Waterfox theme customisations on Waterfox themes
 enable-waterfox-theme-2 =
     .label = Disable Waterfox theme customisations
+enable-panel-transparency =
+    .label = Enable panel transparency
+enable-menu-transparency =
+    .label = Enable menu transparency
 disable-panel-animate =
     .label = Disable app menu panel animation
 disable-sidebar-animate =
diff --git a/waterfox/browser/themes/lepton/leptonChrome.css b/waterfox/browser/themes/lepton/leptonChrome.css
index 552c43383ea1b..9799a59cd5dae 100644
--- a/waterfox/browser/themes/lepton/leptonChrome.css
+++ b/waterfox/browser/themes/lepton/leptonChrome.css
@@ -2573,6 +2573,11 @@
 @supports -moz-bool-pref("userChrome.theme.transparent.panel") {
   panel[type="arrow"] {
     --panel-background: transparent !important;
+    background: var(--toolbar-bgcolor) !important;
+    opacity: 0.95;
+    border-radius: 16px;
+    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+    backdrop-filter: blur(5px);
   }
   panelview {
     background: color-mix(in srgb, var(--arrowpanel-background) 90%, transparent) !important;
diff --git a/waterfox/browser/themes/waterfox/general.css b/waterfox/browser/themes/waterfox/general.css
index 7122a5f2d975e..b48b0a2e60611 100644
--- a/waterfox/browser/themes/waterfox/general.css
+++ b/waterfox/browser/themes/waterfox/general.css
@@ -180,4 +180,4 @@
 /* Prevent any horizontal scrolling on about:preferences */
 #preferences-body .main-content {
   overflow-x: hidden !important;
-}
+}
\ No newline at end of file