diff --git a/src/shared/layout/style.css b/src/shared/layout/game-mode-layout.css
similarity index 100%
rename from src/shared/layout/style.css
rename to src/shared/layout/game-mode-layout.css
diff --git a/src/shared/layout/game-mode-layout.tsx b/src/shared/layout/game-mode-layout.tsx
index 4e72f2c..4df619f 100644
--- a/src/shared/layout/game-mode-layout.tsx
+++ b/src/shared/layout/game-mode-layout.tsx
@@ -1,6 +1,6 @@
 import type { FC, ReactNode } from 'react';
-import { memo } from 'react';
-import './style.css';
+import { Suspense, memo } from 'react';
+import './game-mode-layout.css';
 
 type Props = {
   children: ReactNode;
@@ -9,7 +9,7 @@ type Props = {
 const Component: FC<Props> = ({ children }) => {
   return (
     <div className='-translate-x-1/2 -translate-y-1/2 fixed top-1/2 left-1/2 h-[100dvh] w-[100dvw] port:h-[100dvw] port:w-[100dvh] port:rotate-90'>
-      {children}
+      <Suspense fallback='Loading...'>{children}</Suspense>
     </div>
   );
 };