diff --git a/web/templates/tools/login_attempts.html b/web/templates/tools/login_attempts.html
index edfa1a0..7abf739 100644
--- a/web/templates/tools/login_attempts.html
+++ b/web/templates/tools/login_attempts.html
@@ -1,38 +1,48 @@
 {% extends "base.html" %}
 {% block title %}Login Attempts (7 days){% endblock %}
+{% block body_class %}themed-bg{% endblock %}
+
 {% block content %}
 <div class="container">
   <h1 class="page-title">Security · Login Attempts (7 days)</h1>
 
-  <div class="card" style="padding:16px;">
-    <p class="muted" style="margin:0 0 10px;">
-      Showing successful and failed logins from the last 7 days. Old records are automatically pruned.
+  <div class="card" style="padding:20px; width:100%;">
+
+    <p class="muted" style="margin:0 0 16px;">
+      Showing successful and failed logins from the last week. Records older than 7 days are automatically removed.
     </p>
 
-    <div class="table-wrap">
-      <table class="table">
+    <div class="table-wrap" style="overflow-x:auto;">
+      <table class="table" style="width:100%; border-collapse:separate; border-spacing:0 6px;">
         <thead>
           <tr>
-            <th style="width: 180px;">Date / Time</th>
-            <th>Username</th>
-            <th>IP</th>
-            <th>Status</th>
+            <th style="padding:10px 14px; text-align:left;">Date / Time</th>
+            <th style="padding:10px 14px; text-align:left;">Username</th>
+            <th style="padding:10px 14px; text-align:left;">IP</th>
+            <th style="padding:10px 14px; text-align:left;">Status</th>
           </tr>
         </thead>
         <tbody>
           {% for a in attempts %}
-          <tr>
-            <td>{{ a.timestamp|date:"Y-m-d H:i:s" }}</td>
-            <td>{{ a.username }}</td>
-            <td>{{ a.ip_address|default:"—" }}</td>
-            <td>{% if a.success %}<span class="badge badge-success">Success</span>{% else %}<span class="badge badge-danger">Failed</span>{% endif %}</td>
+          <tr style="background:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.08);">
+            <td style="padding:10px 14px;">{{ a.timestamp|date:"Y-m-d H:i:s" }}</td>
+            <td style="padding:10px 14px;">{{ a.username }}</td>
+            <td style="padding:10px 14px;">{{ a.ip_address|default:"—" }}</td>
+            <td style="padding:10px 14px;">
+              {% if a.success %}
+                <span class="badge badge-success">Success</span>
+              {% else %}
+                <span class="badge badge-danger">Failed</span>
+              {% endif %}
+            </td>
           </tr>
           {% empty %}
-          <tr><td colspan="4" class="muted">No login attempts in the last 7 days.</td></tr>
+          <tr><td colspan="4" class="muted" style="padding:12px 14px;">No login attempts in the last 7 days.</td></tr>
           {% endfor %}
         </tbody>
       </table>
     </div>
+
   </div>
 </div>
 {% endblock %}
\ No newline at end of file