diff --git a/app/web/src/nova/vi/render/parts.tsx b/app/web/src/nova/vi/render/parts.tsx
index eb7a416e..dc0ffd4e 100644
--- a/app/web/src/nova/vi/render/parts.tsx
+++ b/app/web/src/nova/vi/render/parts.tsx
@@ -17,6 +17,7 @@ type PROPS = React.DetailedHTMLProps<
 
 export const viParts = (
   vi: {
+    mode: "desktop" | "mobile";
     meta: Record<string, IMeta>;
   },
   meta: IMeta,
@@ -26,7 +27,7 @@ export const viParts = (
 
   const props: PROPS = {
     className: produceCSS(item, {
-      mode: "desktop",
+      mode: vi.mode,
     }),
   };