From e8ae2b50eaa312c0c5265ba4008f638a429e7595 Mon Sep 17 00:00:00 2001
From: Viktor Barzin <viktorbarzin@meta.com>
Date: Mon, 23 Mar 2026 00:03:21 +0200
Subject: [PATCH] fix: graph tab breaks out of max-w-7xl container for
 full-width layout

---
 src/claude_memory/ui/static/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/claude_memory/ui/static/index.html b/src/claude_memory/ui/static/index.html
index 9c58ed0..8384d98 100644
--- a/src/claude_memory/ui/static/index.html
+++ b/src/claude_memory/ui/static/index.html
@@ -468,7 +468,7 @@
       </div>
 
       <!-- Tab: Graph -->
-      <div x-show="$store.app.activeTab === 'graph'" x-data="graphComponent()" x-init="$watch('$store.app.activeTab', v => { if (v === 'graph') { if (memories.length === 0) init(); else setTimeout(() => render(), 100); } })">
+      <div x-show="$store.app.activeTab === 'graph'" x-data="graphComponent()" x-init="$watch('$store.app.activeTab', v => { if (v === 'graph') { if (memories.length === 0) init(); else setTimeout(() => render(), 100); } })" style="margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); width: 100vw; padding: 0 1rem;">
         <div class="flex flex-wrap gap-2 mb-4">
           <template x-for="cat in categories" :key="cat">
             <label class="flex items-center gap-1 text-sm cursor-pointer" style="color: var(--text-secondary)">