diff --git a/AyCode.Blazor.Components/Components/Grids/MgGridBase.cs b/AyCode.Blazor.Components/Components/Grids/MgGridBase.cs
index 0346231..351d706 100644
--- a/AyCode.Blazor.Components/Components/Grids/MgGridBase.cs
+++ b/AyCode.Blazor.Components/Components/Grids/MgGridBase.cs
@@ -354,9 +354,7 @@ public abstract class MgGridBase<TSignalRDataSource, TDataItem, TId, TLoggerClie
 
         if (!changedEventArgs.CancelStateChangeInvoke && !_isDisposed)
         {
-            //BeginUpdate();
-            await InvokeAsync(StateHasChanged); //TODO: bezárja a DetailRow-t! pl: az email-nél IsReaded=true update... - J.
-            //EndUpdate();
+            await InvokeAsync(StateHasChanged);
         }
     }
 
@@ -366,7 +364,7 @@ public abstract class MgGridBase<TSignalRDataSource, TDataItem, TId, TLoggerClie
         
         Logger.Debug($"{_gridLogName} OnDataSourceLoaded; Count: {_dataSource?.Count}");
 
-        SetGridData(_dataSource!.GetReferenceInnerList());
+        await InvokeAsync(() => SetGridData(_dataSource!.GetReferenceInnerList()));
 
         if (!_isDisposed)
         {
diff --git a/AyCode.Blazor.Components/wwwroot/css/mg-grid-info-panel.css b/AyCode.Blazor.Components/wwwroot/css/mg-grid-info-panel.css
index c018dce..d2157e0 100644
--- a/AyCode.Blazor.Components/wwwroot/css/mg-grid-info-panel.css
+++ b/AyCode.Blazor.Components/wwwroot/css/mg-grid-info-panel.css
@@ -124,9 +124,16 @@
     text-align: center;
 }
 
-/* Tables inside info panel */
+/* ========================================
+   Tables inside info panel - Default Base Styling
+   Auto-responsive table layout that fits container width
+   Can be overridden with inline styles if needed
+   ======================================== */
+
 .mg-info-panel-content table {
     width: 100%;
+    max-width: 100%;
+    table-layout: fixed;
     border-collapse: collapse;
     font-size: var(--dxbl-font-size);
     color: var(--dxbl-text);
@@ -139,6 +146,9 @@
     border: 1px solid var(--dxbl-border-color);
     text-align: left;
     white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    vertical-align: middle;
 }
 
 .mg-info-panel-content table th {
@@ -159,6 +169,18 @@
     background-color: var(--dxbl-row-hover-bg);
 }
 
+/* Responsive: make table more compact on smaller screens */
+@media (max-width: 768px) {
+    .mg-info-panel-content table {
+        font-size: 0.875rem;
+    }
+
+    .mg-info-panel-content table th,
+    .mg-info-panel-content table td {
+        padding: 0.375rem;
+    }
+}
+
 /* Splitter pane styling */
 .mg-grid-with-info-panel {
     height: 100%;