diff --git a/src/Codex.Web/Components/Pages/Home.razor b/src/Codex.Web/Components/Pages/Home.razor
index 83eb8f4..18f5932 100644
--- a/src/Codex.Web/Components/Pages/Home.razor
+++ b/src/Codex.Web/Components/Pages/Home.razor
@@ -100,8 +100,10 @@ else
                         else
                         {
                             <tr>
-                                <td colspan="4" class="text-center py-5 opacity-25" style="font-style: italic;">
-                                    Your grimoire is empty. Begin an adventure to see history here.
+                                <td colspan="4" class="text-center py-5">
+                                    <LucideIcon IconName="book-open" Size="48" Class="text-tertiary mb-3" />
+                                    <h3 class="h5 mb-2">Your Grimoire is Empty</h3>
+                                    <p class="text-tertiary mb-0">Begin an adventure to see history here.</p>
                                 </td>
                             </tr>
                         }
diff --git a/src/Codex.Web/Components/Pages/Players.razor b/src/Codex.Web/Components/Pages/Players.razor
index 0d1707e..4bfa8cb 100644
--- a/src/Codex.Web/Components/Pages/Players.razor
+++ b/src/Codex.Web/Components/Pages/Players.razor
@@ -6,7 +6,7 @@
     <header class="d-flex justify-content-between align-items-center mb-4">
         <div class="search-container">
             <LucideIcon IconName="search" Size="18" Class="search-icon" />
-            <input type="text" class="search-input" placeholder="Search players or characters...">
+            <input type="text" class="search-input" placeholder="Search players or characters..." aria-label="Search players or characters">
         </div>
         <div class="d-flex gap-3">
             <button class="ai-sparkle-btn">