diff --git a/ui/components/AppLayout.tsx b/ui/components/AppLayout.tsx
index 8e755903a..7fc55c2a1 100644
--- a/ui/components/AppLayout.tsx
+++ b/ui/components/AppLayout.tsx
@@ -37,14 +37,12 @@ export function AppLayout({
     >
       {/*<HelpContainer>*/}
       <ClusterDrawerProvider>
-        {isValidKafkaId ? (
-          <ReconciliationProvider kafkaId={kafkaId}>
+      <ReconciliationProvider kafkaId={kafkaId ?? ""}>
+          {isValidKafkaId && (
             <ReconciliationPausedBanner kafkaId={kafkaId} />
-            <ClusterDrawer>{children}</ClusterDrawer>
-          </ReconciliationProvider>
-        ) : (
-          <></>
-        )}
+          )}
+          <ClusterDrawer>{children}</ClusterDrawer>
+        </ReconciliationProvider>
       </ClusterDrawerProvider>
       {/*</HelpContainer>*/}
     </Page>