From db9a2699b9c68245a2d41aad0d76651bdf437ad1 Mon Sep 17 00:00:00 2001
From: anti <samuel@securejump.cl>
Date: Wed, 8 Apr 2026 00:44:33 -0400
Subject: [PATCH] ui: fix dashboard overflow and overlap with sidebar

---
 decnet_web/src/components/Dashboard.tsx | 3 ++-
 decnet_web/src/components/Layout.css    | 5 ++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/decnet_web/src/components/Dashboard.tsx b/decnet_web/src/components/Dashboard.tsx
index 4196a9d..4bf8bc9 100644
--- a/decnet_web/src/components/Dashboard.tsx
+++ b/decnet_web/src/components/Dashboard.tsx
@@ -154,7 +154,8 @@ const Dashboard: React.FC<DashboardProps> = ({ searchQuery }) => {
                                 backgroundColor: 'rgba(0, 255, 65, 0.1)', 
                                 padding: '2px 8px', 
                                 borderRadius: '4px', 
-                                border: '1px solid rgba(0, 255, 65, 0.3)' 
+                                border: '1px solid rgba(0, 255, 65, 0.3)',
+                                wordBreak: 'break-all'
                               }}>
                                 <span style={{ opacity: 0.6 }}>{k}:</span> {v}
                               </span>
diff --git a/decnet_web/src/components/Layout.css b/decnet_web/src/components/Layout.css
index e41b1cc..3f47644 100644
--- a/decnet_web/src/components/Layout.css
+++ b/decnet_web/src/components/Layout.css
@@ -14,6 +14,7 @@
   flex-direction: column;
   transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   overflow: hidden;
+  flex-shrink: 0;
 }
 
 .sidebar.open {
@@ -108,6 +109,7 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  min-width: 0;
 }
 
 /* Topbar Styling */
@@ -127,7 +129,8 @@
   background-color: var(--secondary-color);
   border: 1px solid var(--border-color);
   padding: 4px 12px;
-  width: 400px;
+  max-width: 400px;
+  width: 100%;
 }
 
 .search-icon {