diff --git a/src/public/app/widgets/editability_select.ts b/src/public/app/widgets/editability_select.ts
index 866a6db7c..c98cfd90f 100644
--- a/src/public/app/widgets/editability_select.ts
+++ b/src/public/app/widgets/editability_select.ts
@@ -27,7 +27,7 @@ const TPL = `
         <span class="editability-active-desc">${t("editability_select.auto")}</span>
         <span class="caret"></span>
     </button>
-    <div class="editability-dropdown dropdown-menu dropdown-menu-right">
+    <div class="editability-dropdown dropdown-menu dropdown-menu-right tn-dropdown-list">
         <a class="dropdown-item" href="#" data-editability="auto">
             <span class="check">&check;</span>
             ${t("editability_select.auto")}
diff --git a/src/public/app/widgets/note_type.js b/src/public/app/widgets/note_type.js
index 150acf4a9..09c73d3cf 100644
--- a/src/public/app/widgets/note_type.js
+++ b/src/public/app/widgets/note_type.js
@@ -40,7 +40,7 @@ const TPL = `
         <span class="note-type-desc"></span>
         <span class="caret"></span>
     </button>
-    <div class="note-type-dropdown dropdown-menu dropdown-menu-left"></div>
+    <div class="note-type-dropdown dropdown-menu dropdown-menu-left tn-dropdown-list"></div>
 </div>
 `;
 
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index 0bb24d775..bf67f537c 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -951,6 +951,9 @@ body.mobile .note-title {
 
 /*
  * Menus
+ *
+ * Note: apply the "tn-dropdown-list" class for scrollable dropdown menus. Submenus are not
+ * supported when this class is used.
  */
 
 .dropdown-menu {
@@ -982,6 +985,14 @@ body.desktop .dropdown-menu::before {
     z-index: -1;
 }
 
+body.desktop .dropdown-menu.tn-dropdown-list {
+    backdrop-filter: var(--dropdown-backdrop-filter);
+}
+
+body.desktop .dropdown-menu.tn-dropdown-list::before {
+    display: none;
+}
+
 body.desktop .dropdown-submenu .dropdown-menu::before {
     content: unset;
 }