diff --git a/webview-ui/src/diagnostics_panel/App.css b/webview-ui/src/diagnostics_panel/App.css
index fbabd68..7c66dc7 100644
--- a/webview-ui/src/diagnostics_panel/App.css
+++ b/webview-ui/src/diagnostics_panel/App.css
@@ -361,6 +361,18 @@ main {
   text-align: right;
 }
 
+.minecraft-entity-systems-tables-container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 100%;
+}
+
+.minecraft-entity-systems-table-wrapper {
+  flex: 1;
+  min-width: 550px;
+}
+
 .minecraft-entity-system-count-badge {
   display: flex;
   align-items: center;
diff --git a/webview-ui/src/diagnostics_panel/prefabs/tabs/ClientEntitySystems.tsx b/webview-ui/src/diagnostics_panel/prefabs/tabs/ClientEntitySystems.tsx
index 054abce..a6809fc 100644
--- a/webview-ui/src/diagnostics_panel/prefabs/tabs/ClientEntitySystems.tsx
+++ b/webview-ui/src/diagnostics_panel/prefabs/tabs/ClientEntitySystems.tsx
@@ -441,8 +441,8 @@ const StatsTab: TabPrefab = {
                                 )}
                             </div>
                         </div>
-                        <div style={{ flexDirection: 'row', display: 'flex', width: '100%' }}>
-                            <div style={{ flex: 1, marginRight: '5px' }}>
+                        <div className="minecraft-entity-systems-tables-container">
+                            <div className="minecraft-entity-systems-table-wrapper">
                                 <div style={{ marginTop: '10px', marginBottom: '10px' }}>
                                     <div style={{ display: 'flex', alignItems: 'center', gap: '16px' }}>
                                         <h2>Entity Timings</h2>