diff --git a/web/templates/search.html b/web/templates/search.html
index c4b984c..ad9c632 100644
--- a/web/templates/search.html
+++ b/web/templates/search.html
@@ -61,26 +61,26 @@
       <div class="empty-subtitle">Try broadening your terms or enabling more fields above.</div>
     </div>
   {% endif %}
-</div>
 
-<!-- ===== History (single card) ===== -->
-<div class="card" style="padding:12px; margin:16px 0 12px;">
-   <h1 class="page-title">Search History</h1>
+  <!-- ===== History (single card) — now inside .container so width matches ===== -->
+  <div class="card" style="padding:12px; margin:16px 0 12px;">
+     <h1 class="page-title">Search History</h1>
 
-  <!-- Recent Searches -->
-  <div style="margin-top:6px;">
-    <div class="small muted" style="margin-bottom:6px;">Your Recent Searches</div>
-    <ul id="searchHistoryList" class="small" style="margin:0; padding-left:18px;"></ul>
-    <div id="searchHistoryEmpty" class="muted small" style="display:none;">No history yet.</div>
-  </div>
+    <!-- Recent Searches -->
+    <div style="margin-top:6px;">
+      <div class="small muted" style="margin-bottom:6px;">Your Recent Searches</div>
+      <ul id="searchHistoryList" class="small" style="margin:0; padding-left:18px;"></ul>
+      <div id="searchHistoryEmpty" class="muted small" style="display:none;">No history yet.</div>
+    </div>
 
-  <hr style="border:none; border-top:1px solid var(--border); margin:12px 0;">
+    <hr style="border:none; border-top:1px solid var(--border); margin:12px 0;">
 
-  <!-- Recently Viewed -->
-  <div>
-    <div class="small muted" style="margin-bottom:6px;">Recently Viewed</div>
-    <ul id="recentViewsList" class="small" style="margin:0; padding-left:18px;"></ul>
-    <div id="recentViewsEmpty" class="muted small" style="display:none;">Nothing yet—open an illustration and linger 10s.</div>
+    <!-- Recently Viewed -->
+    <div>
+      <div class="small muted" style="margin-bottom:6px;">Recently Viewed</div>
+      <ul id="recentViewsList" class="small" style="margin:0; padding-left:18px;"></ul>
+      <div id="recentViewsEmpty" class="muted small" style="display:none;">Nothing yet—open an illustration and linger 10s.</div>
+    </div>
   </div>
 </div>