diff --git a/components/Layout/index.tsx b/components/Layout/index.tsx
index 6aafdde1..20ffa423 100644
--- a/components/Layout/index.tsx
+++ b/components/Layout/index.tsx
@@ -77,7 +77,7 @@ const Layout = ({ children }: PropsWithChildren<Props>) => {
 
   return (
     <>
-      {appState.version && ServerAvailable}
+      {appState.version ? ServerAvailable() : ''}
       <main>{children}</main>
     </>
   )
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 1486ab98..d213c926 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -130,7 +130,7 @@ function MyApp({ Component, pageProps }: AppProps) {
       <ToastProvider swipeDirection="right">
         <TooltipProvider>
           <Layout>
-            {appState.version ? (
+            {!appState.version ? (
               serverUnavailable()
             ) : (
               <Component {...pageProps} />