diff --git a/apps/dm/app/layout.tsx b/apps/dm/app/layout.tsx
index 462537e09..7224c9dc2 100644
--- a/apps/dm/app/layout.tsx
+++ b/apps/dm/app/layout.tsx
@@ -1,5 +1,8 @@
 "use client";
 import "./globals.css";
+import { setCookie } from "../src/shared/lib";
+
+setCookie("site-id-key", process.env.NEXT_PUBLIC_SITE_ID || "DM");
 
 export default function RootLayout({
   children,
diff --git a/packages/common/components/src/ui/header/index.tsx b/packages/common/components/src/ui/header/index.tsx
index 97ed4c151..ddd5e0c21 100644
--- a/packages/common/components/src/ui/header/index.tsx
+++ b/packages/common/components/src/ui/header/index.tsx
@@ -153,10 +153,10 @@ export function Header({ viewOnly }: { viewOnly?: boolean }) {
           <SidebarTrigger className="size-12 !bg-transparent p-2 hover:!bg-accent [&>svg]:!size-full [&>svg]:text-foreground" />
           <h1 className="flex flex-col items-center gap-2">
             {mounted ? (
-              <img 
+              <img
                 ref={logoRef}
-                src={getLogoImage()} 
-                className="h-[3rem]" 
+                src={getLogoImage()}
+                className="h-[3rem]"
                 alt="logo"
                 onLoad={() => {
                   if (logoRef.current) {
@@ -167,7 +167,7 @@ export function Header({ viewOnly }: { viewOnly?: boolean }) {
             ) : (
               <Skeleton className="h-[3rem] w-[15rem]" />
             )}
-            <span 
+            <span
               className="text-[1.2rem] font-semibold text-foreground"
               style={{
                 letterSpacing: logoWidth > 0 ? `${(logoWidth - 120) / (siteInfo?.siteNm?.length || 1)}px` : '0.05em'