diff --git a/bin/web/src/lib/components/ManifestTable.svelte b/bin/web/src/lib/components/ManifestTable.svelte
index 289073a..72e7c1a 100644
--- a/bin/web/src/lib/components/ManifestTable.svelte
+++ b/bin/web/src/lib/components/ManifestTable.svelte
@@ -7,9 +7,9 @@
     }
     let { entries, current_entry }: Props = $props();
 </script>
-<table class="table-auto text-left border">
-    <thead class="p-2">
-        <tr class="bg-gray-300">
+<table class="table-auto text-left">
+    <thead>
+        <tr class="bg-gray-100 drop-shadow">
             <th class='p-2' scope="col">Name</th>
             <th class='p-2' scope="col">Started</th>
             <th class='p-2' scope="col">Last Message</th>
diff --git a/bin/web/src/lib/components/ManifestTableRow.svelte b/bin/web/src/lib/components/ManifestTableRow.svelte
index f03921c..8e670cd 100644
--- a/bin/web/src/lib/components/ManifestTableRow.svelte
+++ b/bin/web/src/lib/components/ManifestTableRow.svelte
@@ -29,7 +29,7 @@
     }
 </script>
 
-<tr class="{status_row_color}">
+<tr class="{status_row_color} drop-shadow">
     <th class="font-bold p-2" scope='row'>{entry.name}</th>
     <td class="p-2">{date_formatter.format(entry.start_time)}</td>
     <td class="p-2">{date_formatter.format(entry.last_message_time)}</td>
diff --git a/bin/web/src/routes/+page.svelte b/bin/web/src/routes/+page.svelte
index 567b94b..969f3a7 100644
--- a/bin/web/src/routes/+page.svelte
+++ b/bin/web/src/routes/+page.svelte
@@ -30,7 +30,7 @@
     })
 </script>
 
-<div class="p-4 xl:px-8 bg-rayhunter-blue">
+<div class="p-4 xl:px-8 bg-rayhunter-blue drop-shadow">
     <span class="text-4xl font-extrabold text-rayhunter-green">Rayhunter</span>
 </div>
 <div class="m-4 xl:mx-8 flex flex-col gap-4">