diff --git a/src/app.rs b/src/app.rs
index 8d1c582..9ffabf0 100644
--- a/src/app.rs
+++ b/src/app.rs
@@ -1,6 +1,7 @@
 use crate::playbar::PlayBar;
 use crate::playstatus::PlayStatus;
 use crate::queue::Queue;
+use crate::searchbar::SearchBar;
 use leptos::*;
 use leptos_meta::*;
 use leptos_router::*;
@@ -41,8 +42,11 @@ fn HomePage() -> impl IntoView {
     let play_status = create_rw_signal(play_status);
 
     view! {
-        <PlayBar status=play_status/>
-        <Queue status=play_status/>
+		<div class="home">
+        	<PlayBar status=play_status/>
+        	<Queue status=play_status/>
+			<SearchBar status=play_status/>
+		</div>
     }
 }
 
diff --git a/src/lib.rs b/src/lib.rs
index 95ab806..429b617 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -10,6 +10,7 @@ pub mod models;
 pub mod pages;
 pub mod users;
 pub mod search;
+pub mod searchbar;
 use cfg_if::cfg_if;
 
 cfg_if! {