diff --git a/bin/web/src/app.html b/bin/web/src/app.html
index bc40f4a..960be22 100644
--- a/bin/web/src/app.html
+++ b/bin/web/src/app.html
@@ -7,6 +7,6 @@
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents">%sveltekit.body%</div>
+		<div style="display: contents" class="m-4 xl:m-8">%sveltekit.body%</div>
 	</body>
 </html>
diff --git a/bin/web/src/lib/components/ControlBar.svelte b/bin/web/src/lib/components/ControlBar.svelte
index a920c98..9410a0c 100644
--- a/bin/web/src/lib/components/ControlBar.svelte
+++ b/bin/web/src/lib/components/ControlBar.svelte
@@ -7,7 +7,7 @@
     } = $props();
 
     function confirmDelete() {
-        if (window.confirm(`Permanently delete ALL entries?`)) {
+        if (window.confirm(`Permanently delete ALL recordings?`)) {
             req('POST', '/api/delete-all-recordings')
         }
     }
@@ -16,8 +16,8 @@
 <div class="flex flex-row gap-2">
     <RecordingControls {server_is_recording} />
     <DeleteButton
-        text="Delete ALL Entries"
-        prompt={`Are you sure you want to delete ALL entries?`}
+        text="Delete ALL Recordings"
+        prompt={`Are you sure you want to delete ALL recordings?`}
         url={`/api/delete-all-recordings`}
     />
 </div>
diff --git a/bin/web/src/routes/+page.svelte b/bin/web/src/routes/+page.svelte
index 42e9053..3074ad1 100644
--- a/bin/web/src/routes/+page.svelte
+++ b/bin/web/src/routes/+page.svelte
@@ -30,7 +30,9 @@
     })
 </script>
 
-<h1 class="m-4 xl:m-8 text-4xl font-extrabold">Rayhunter Dashboard</h1>
+<div class="p-4 xl:p-8 bg-rayhunter-blue">
+    <span class="text-4xl font-extrabold text-rayhunter-green">Rayhunter</span>
+</div>
 <div class="m-4 xl:m-8 flex flex-col gap-4">
 {#if loaded}
     <SystemStatsTable stats={system_stats!} />
