diff --git a/demo/layout-combo.html b/demo/layout-combo.html
index b7024a078..8af14ac81 100644
--- a/demo/layout-combo.html
+++ b/demo/layout-combo.html
@@ -20,6 +20,11 @@
     <link href="./dist/css/tabler-vendors.min.css?1692870487" rel="stylesheet"/>
     <link href="./dist/css/demo.min.css?1692870487" rel="stylesheet"/>
     <style>
+		@media screen and (min-width: 767px) {
+  			.searchbar {
+    			display: none;
+  			}
+		}
       @import url('https://rsms.me/inter/inter.css');
       :root {
       	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
@@ -174,6 +179,16 @@
           </div>
           <div class="collapse navbar-collapse" id="sidebar-menu">
             <ul class="navbar-nav pt-lg-3">
+					<li class="searchbar">
+						<form action="./" method="get" autocomplete="off" novalidate>
+							<div class="input-icon">
+								<span class="input-icon-addon">
+									<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
+								</span>
+								<input style="padding-left: 50px; "type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website"></input>
+							</div>
+						</form>
+					</li>
               <li class="nav-item">
                 <a class="nav-link" href="./" >
                   <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
@@ -2850,4 +2865,4 @@
       // @formatter:on
     </script>
   </body>
-</html>
\ No newline at end of file
+</html>