diff --git a/public/index.html b/public/index.html
index 2cf09ad6f..75271911b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1313,6 +1313,7 @@
             </div>
             <div class="drawer-content closedDrawer">
                 <div class="flex-container">
+                    <input id="bg-filter" placeholder="Filter" class="text_pole" type="search" />
                     <div id="bg_menu_content">
                         <form id="form_bg_download" class="bg_example no-border no-shadow" action="javascript:void(null);" method="post" enctype="multipart/form-data">
                             <label class="input-file">
diff --git a/public/script.js b/public/script.js
index 42700ea8e..612d3806d 100644
--- a/public/script.js
+++ b/public/script.js
@@ -5071,4 +5071,16 @@ $(document).ready(function () {
             closeMessageEditor();
         }
     });
+
+    $("#bg-filter").on("input", function() {
+        const filterValue = $(this).val().toLowerCase();
+        $("#bg_menu_content > div").each(function() {
+            const $bgContent = $(this);
+            if ($bgContent.attr("title").toLowerCase().includes(filterValue)) {
+                $bgContent.show();
+            } else {
+                $bgContent.hide();
+            }
+        });
+    });
 })