diff --git a/gui/pages/settings/filters.htm b/gui/pages/settings/filters.htm
index cf5bb80..4921122 100644
--- a/gui/pages/settings/filters.htm
+++ b/gui/pages/settings/filters.htm
@@ -9,38 +9,46 @@
 
 <body>
     <main class="dual">
-        <side class="side">
-			<nav class="nav-wrapper">
-				<div class="input-field">
-					<input type="search" data-result="filters" for="settings_filters_search_prompt"></input>
-				</div>
+        <side class="side sidebar">
+            <nav class="nav-wrapper">
+                <ul class="left">
+                    <li for="extension_name" class="flow-text"></li>
+                </ul>
+                <ul class="hide-on-med-and-up right">
+                    <li><a data-icon="chevron-left" data-action="ui,close,navbar"></a></li>
+                </ul>
             </nav>
+            <div class="input-field outlined">
+                <input type="search" data-result="filters" placeholder=" "></input>
+                <label for="settings_filters_search_prompt"></label>
+            </div>
             <div class="collection" data-results-target="filters" data-results-filters="url">
             </div>
         </side>
         <section>
             <nav class="nav-wrapper">
                 <ul class="left">
-                    <li><a class="waves-effect" data-icon="menu" id="menu_trigger"></a></li>
+                    <li><a class="hide-on-med-and-up" data-icon="menu" data-action="ui,open,navbar"></a></li>
                 </ul>
                 <ul class="right">
-                    <li><a class="waves-effect" data-icon="trash-can" data-action="filters,delete,one"></a></li>
-                    <li><a class="waves-effect" data-icon="sync" data-action="filters,update,one"></a></li>
+                    <li><a data-icon="trash-can" data-action="filters,delete,one"></a></li>
+                    <li><a data-icon="sync" data-action="filters,update,one"></a></li>
                 </ul>
             </nav>
-			<section>
-				<article class="">
-					<h1 data-result-content="name" class="flow-text"></h1>
-					<p id="author" data-result-content="author"></p>
-					<p data-result-content="description"></p>
-			</section>
+            <section>
+                <article class="">
+                    <h1 data-result-content="name" class="flow-text"></h1>
+                    <p id="author" data-result-content="author"></p>
+                    <p data-result-content="description"></p>
+            </section>
         </section>
     </main>
     <side class="fixed-action-btn">
-		<button class="btn-floating btn-large" data-icon="plus" accesskey="+" data-action="filters,add,one"></button>
-		<ul>
-			<li><button data-action="filters,update" class="btn-floating waves-effect" title-for="settings_filters_update" data-icon="refresh" accesskey="r"></button></li>
-		</ul>
+        <button class="btn-floating btn-large" data-icon="plus" accesskey="+" data-action="filters,add,one"></button>
+        <ul>
+            <li><button data-action="filters,update" class="btn-floating waves-effect"
+                    title-for="settings_filters_update" data-icon="refresh" accesskey="r"></button></li>
+        </ul>
     </side>
 </body>
 
diff --git a/gui/scripts/windowman.JS b/gui/scripts/windowman.JS
index 9afefe3..66f936c 100644
--- a/gui/scripts/windowman.JS
+++ b/gui/scripts/windowman.JS
@@ -343,7 +343,39 @@ export default class windowman {
         }
 
         /* Enable the searching interface. */
-        function search() {}
+        function search() {
+          document.querySelectorAll(`[data-result]`).forEach((element) => {
+            // Begin searching when the textbox is changed.
+            element.addEventListener(`change`, async function () {
+              let search = {};
+              search[`criteria`] = element.value;
+              if (search[`criteria`]) {
+                if (
+                  element.getAttribute(`data-results-filters`)
+                    ? element.getAttribute(`data-results-filters`).trim()
+                    : false
+                ) {
+                  search[`additional criteria`] = element
+                    .getAttribute(`data-results-filters`)
+                    .split(`,`);
+                }
+                search[`source`] = element.getAttribute(`data-result`);
+                search[`raw`] = await (async () => {
+                  const secretariat = await import(
+                    chrome.runtime.getURL(`scripts/secretariat.js`)
+                  );
+
+                  await secretariat.search(
+                    search[`source`],
+                    search[`criteria`],
+                    null,
+                    search[`additional criteria`],
+                  );
+                })();
+              }
+            });
+          });
+        }
 
         // Responsiveness to different screen sizes.
         function resize() {
@@ -398,6 +430,7 @@ export default class windowman {
 
         window.addEventListener("resize", resize);
         resize();
+        search();
         links();
       }
 
