diff --git a/AobaClient/assets/style/main.scss b/AobaClient/assets/style/main.scss
index ce731cf..daeaffd 100644
--- a/AobaClient/assets/style/main.scss
+++ b/AobaClient/assets/style/main.scss
@@ -21,6 +21,8 @@
 	top: 0;
 	position: sticky;
 	z-index: 100;
+	backdrop-filter: blur(20px);
+	box-shadow: 0 3px 10px $mainBGColor;
 }
 
 body {
@@ -201,7 +203,7 @@ form {
 	justify-content: center;
 	align-items: center;
 	gap: 5;
-	padding: 2px;
+	padding: 10px;
 
 	a {
 		transition: all 0.25s ease-out;
diff --git a/AobaClient/src/components/search.rs b/AobaClient/src/components/search.rs
index 9c9310b..3953b85 100644
--- a/AobaClient/src/components/search.rs
+++ b/AobaClient/src/components/search.rs
@@ -3,7 +3,7 @@ use dioxus::prelude::*;
 #[component]
 pub fn Search(query: Signal<String>, page: Signal<i32>) -> Element {
 	rsx! {
-		div { class: "searchBar stickyTop",
+		div { class: "searchBar",
 			input {
 				r#type: "search",
 				placeholder: "Search Files",
diff --git a/AobaClient/src/views/home.rs b/AobaClient/src/views/home.rs
index 284aea5..1b3a4c0 100644
--- a/AobaClient/src/views/home.rs
+++ b/AobaClient/src/views/home.rs
@@ -8,8 +8,11 @@ pub fn Home() -> Element {
 	let max_page = use_signal(|| 1 as i32);
 	let item_count = use_signal(|| 0 as i32);
 	rsx! {
-		Search { query, page },
-		Pagination { page, max_page, item_count },
+		div	{
+			class: "stickyTop",
+			Search { query, page },
+			Pagination { page, max_page, item_count },
+		}
 		MediaGrid { query: query.cloned(), page: page.cloned(), max_page, total_items: item_count }
 	}
 }