diff --git a/www/app/[domain]/layout.tsx b/www/app/[domain]/layout.tsx
index bfcfc11f..cce65fc3 100644
--- a/www/app/[domain]/layout.tsx
+++ b/www/app/[domain]/layout.tsx
@@ -1,6 +1,6 @@
 import "../styles/globals.scss";
 import { Poppins } from "next/font/google";
-import { Metadata } from "next";
+import { Metadata, Viewport } from "next";
 import FiefWrapper from "../(auth)/fiefWrapper";
 import UserInfo from "../(auth)/userInfo";
 import { ErrorProvider } from "../(errors)/errorContext";
@@ -18,6 +18,13 @@ import { Providers } from "../providers";
 
 const poppins = Poppins({ subsets: ["latin"], weight: ["200", "400", "600"] });
 
+export const viewport: Viewport = {
+  themeColor: "black",
+  width: "device-width",
+  initialScale: 1,
+  maximumScale: 1,
+};
+
 export const metadata: Metadata = {
   metadataBase: new URL(process.env.DEV_URL || "https://reflector.media"),
   title: {
diff --git a/www/app/lib/useApi.ts b/www/app/lib/useApi.ts
index 9898f735..6f788f8e 100644
--- a/www/app/lib/useApi.ts
+++ b/www/app/lib/useApi.ts
@@ -18,11 +18,9 @@ export default function useApi(): DefaultService | null {
       return;
     }
 
-    if (!accessTokenInfo) return;
-
     const openApi = new OpenApi({
       BASE: api_url,
-      TOKEN: accessTokenInfo?.access_token,
+      TOKEN: accessTokenInfo ? accessTokenInfo?.access_token : undefined,
     });
 
     setApi(openApi);