diff --git a/static/css/modes/meshcore.css b/static/css/modes/meshcore.css
index a705896..cce677b 100644
--- a/static/css/modes/meshcore.css
+++ b/static/css/modes/meshcore.css
@@ -1,14 +1,19 @@
 /* Meshcore mode — scoped styles */
 
-#meshcoreMode {
-    display: none;
+/* Override the shared mesh-visuals-container column layout */
+#meshcoreVisuals {
     flex-direction: row;
-    height: 100%;
+    padding: 0;
     gap: 0;
 }
 
-#meshcoreMode.active {
-    display: flex !important;
+#meshcoreMode {
+    display: flex;
+    flex-direction: row;
+    flex: 1;
+    min-height: 0;
+    overflow: hidden;
+    gap: 0;
 }
 
 /* ── Sidebar ── */
diff --git a/templates/index.html b/templates/index.html
index d0ee02f..290e27f 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -779,7 +779,6 @@
                 {% include 'partials/modes/spy-stations.html' %}
 
                 {% include 'partials/modes/meshtastic.html' %}
-                {% include 'partials/modes/meshcore.html' %}
 
                 {% include 'partials/modes/websdr.html' %}
 
@@ -2366,6 +2365,7 @@
 
                 <!-- Meshcore Dashboard -->
                 <div id="meshcoreVisuals" class="mesh-visuals-container" style="display: none;">
+                    {% include 'partials/modes/meshcore.html' %}
                 </div>
 
                 <!-- SSTV Decoder Dashboard -->
diff --git a/templates/partials/modes/meshcore.html b/templates/partials/modes/meshcore.html
index e6f7c69..9241dcf 100644
--- a/templates/partials/modes/meshcore.html
+++ b/templates/partials/modes/meshcore.html
@@ -1,5 +1,5 @@
 {# Meshcore Mode Partial #}
-<div id="meshcoreMode" class="mode-content" style="display:none; flex-direction: row; height: 100%;">
+<div id="meshcoreMode" style="display:flex; flex-direction: row; flex: 1; min-height: 0; overflow: hidden;">
 
   {# ── Sidebar ── #}
   <div class="meshcore-sidebar">