diff --git a/src/app/mod.rs b/src/app/mod.rs
index 76f0f20b..19758b9f 100644
--- a/src/app/mod.rs
+++ b/src/app/mod.rs
@@ -62,7 +62,7 @@ fn TopBar(cx: Scope) -> Element {
     let health_checks = state.health_checks.read();
     let nix_info = state.nix_info.read();
     render! {
-        div { class: "flex justify-between items-center w-full p-2 bg-base-200 sticky top-0",
+        div { class: "flex justify-between items-center w-full p-2 bg-primary-100 sticky top-0 shadow",
             div { class: "flex space-x-2",
                 Link { to: Route::Dashboard {}, "🏠" }
                 Link { to: Route::Health {},
diff --git a/src/main.rs b/src/main.rs
index 3a69a950..982a6d5a 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -17,7 +17,7 @@ async fn main() {
             .with_custom_head(r#" <link rel="stylesheet" href="tailwind.css"> "#.to_string())
             .with_window(
                 WindowBuilder::new()
-                    .with_title("nix-browser")
+                    .with_title("Nix Browser")
                     .with_inner_size(LogicalSize::new(900, 600)),
             ),
     )