diff --git a/RpgRoller/Components/Pages/HomeControls/AppHeader.razor b/RpgRoller/Components/Pages/HomeControls/AppHeader.razor
index 725ef01..3a07527 100644
--- a/RpgRoller/Components/Pages/HomeControls/AppHeader.razor
+++ b/RpgRoller/Components/Pages/HomeControls/AppHeader.razor
@@ -17,12 +17,12 @@
         {
             <p class="header-campaign">Campaign: <strong>@(CampaignName ?? "No campaign selected")</strong></p>
         }
-        @if (ShowConnectionState)
-        {
-            <div class="header-connection-cell">
+        <div class="header-connection-cell">
+            @if (ShowConnectionState)
+            {
                 <p class="connection @ConnectionStateCssClass">@ConnectionStateLabel</p>
-            </div>
-        }
+            }
+        </div>
         <a href="" class="logout-link" @onclick:preventDefault="true" @onclick="LogoutRequested">Logout</a>
         @if (MenuItems.Count > 0)
         {
@@ -54,4 +54,4 @@
             </div>
         }
     </div>
-</header>
\ No newline at end of file
+</header>