diff --git a/packages/api/index.ts b/packages/api/index.ts
index ede3878..b30d03d 100644
--- a/packages/api/index.ts
+++ b/packages/api/index.ts
@@ -28,7 +28,7 @@ app.get("/", (req: Request, res: Response) => {
   res.send("hello world.");
 });
 
-app.use("/api", (req: Request, res: Response) => {
+app.use("/api/status", (req: Request, res: Response) => {
   res.json(new NirvanaResponse("wohoo, server is healthy"));
 });
 
diff --git a/packages/desktop/src/components/Logo/index.tsx b/packages/desktop/src/components/Logo/index.tsx
index bf89a2a..8cd36ee 100644
--- a/packages/desktop/src/components/Logo/index.tsx
+++ b/packages/desktop/src/components/Logo/index.tsx
@@ -3,9 +3,11 @@ export type LogoType = "primary" | "small";
 export default function Logo({
   className,
   type,
+  grayscale = false,
 }: {
   className?: string;
   type?: LogoType;
+  grayscale?: boolean;
 }) {
   if (type === "small") {
     return (
@@ -15,7 +17,7 @@ export default function Logo({
         viewBox="0 0 85 107"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
-        className={className}
+        className={`${className} ${grayscale ? "text-black grayscale" : ""}`}
       >
         <path
           d="M0.398438 25.9375C1.84375 26.9531 2.89453 27.6562 3.91016 28.4023C11.9258 34.2617 19.9336 40.125 27.9414 45.9961C32.8008 49.5391 37.1211 53.5898 40.1445 58.8867C42.6094 63.0898 44.1328 67.6172 44.7148 72.4648C44.9258 74.1797 45.0469 75.9062 45.0703 77.6367C45.1055 86.8281 45.0703 96.0156 45.0703 105.207V106.809C44.5742 106.562 44.0938 106.289 43.625 105.992C34.1094 99.043 24.5391 92.1523 15.1055 85.0859C6.83203 78.8672 1.97266 70.5273 0.734375 60.1484C0.527344 58.3633 0.421875 56.5703 0.414062 54.7734C0.398439 46.0312 0.398438 37.2891 0.398438 28.5508V25.9375Z"
@@ -39,7 +41,7 @@ export default function Logo({
       viewBox="0 0 233 162"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
-      className={className}
+      className={`${className} ${grayscale ? "text-black grayscale" : ""}`}
     >
       <path
         d="M74.3984 26.6133C75.8437 27.6289 76.8945 28.332 77.9102 29.0781C85.9258 34.9375 93.9336 40.8008 101.941 46.6719C106.801 50.2148 111.121 54.2656 114.145 59.5625C116.609 63.7656 118.133 68.293 118.715 73.1406C118.926 74.8555 119.047 76.582 119.07 78.3125C119.105 87.5039 119.07 96.6914 119.07 105.883V107.484C118.574 107.238 118.094 106.965 117.625 106.668C108.109 99.7188 98.5391 92.8281 89.1055 85.7617C80.832 79.543 75.9727 71.2031 74.7344 60.8242C74.5273 59.0391 74.4219 57.2461 74.4141 55.4492C74.3984 46.707 74.3984 37.9648 74.3984 29.2266V26.6133Z"
diff --git a/packages/desktop/src/components/header/index.tsx b/packages/desktop/src/components/header/index.tsx
index 7b7af27..cf0aa71 100644
--- a/packages/desktop/src/components/header/index.tsx
+++ b/packages/desktop/src/components/header/index.tsx
@@ -127,9 +127,9 @@ export default function NirvanaHeader({
         className="flex flex-row items-center bg-gray-100 p-4 border-b border-b-gray-200"
         id="titlebar"
       >
-        <Tooltip title="connected">
+        <Tooltip title="connected" placement="right">
           <div onClick={onHeaderFocus} className="animate-pulse">
-            <Logo type="small" />
+            <Logo type="small" grayscale={desktopMode === "flowState"} />
           </div>
         </Tooltip>
 
diff --git a/packages/desktop/src/controller/nirvanaApi.ts b/packages/desktop/src/controller/nirvanaApi.ts
index 55f7407..f959174 100644
--- a/packages/desktop/src/controller/nirvanaApi.ts
+++ b/packages/desktop/src/controller/nirvanaApi.ts
@@ -57,7 +57,7 @@ export default class NirvanaApi {
 }
 
 async function serverCheck(): Promise<void> {
-  return await NirvanaApi.fetch(`/`, "GET", false);
+  return await NirvanaApi.fetch(`/status`, "GET", false);
 }
 
 async function login(reqLoginTokens: {