diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index 5a0d1f394c0..4aa7a64fcfe 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -6,6 +6,7 @@
 
 :root {
   --app-scrollbar-width: 6px;
+  --desktop-window-right-resize-inset: 0px;
   --workspace-topbar-height: 52px;
   --workspace-controls-top: 0px;
   --workspace-controls-left: calc(env(safe-area-inset-left) + 0.75rem);
@@ -375,6 +376,11 @@ body {
   overflow-y: hidden;
   overscroll-behavior-y: none;
   padding-top: max(env(safe-area-inset-top), 0px);
+  padding-right: var(--desktop-window-right-resize-inset);
+}
+
+.electron-windows {
+  --desktop-window-right-resize-inset: 6px;
 }
 
 /* App-chrome grain. Baked into each surface's own background (behind
diff --git a/apps/web/src/lib/windowControlsOverlay.ts b/apps/web/src/lib/windowControlsOverlay.ts
index 8f9ae786b0e..42f9f13c7cd 100644
--- a/apps/web/src/lib/windowControlsOverlay.ts
+++ b/apps/web/src/lib/windowControlsOverlay.ts
@@ -1,4 +1,8 @@
+import { isWindowsPlatform } from "./utils";
+
 const WCO_CLASS_NAME = "wco";
+const ELECTRON_CLASS_NAME = "electron";
+const ELECTRON_WINDOWS_CLASS_NAME = "electron-windows";
 
 interface WindowControlsOverlayLike {
   readonly visible: boolean;
@@ -38,3 +42,25 @@ export function syncDocumentWindowControlsOverlayClass(): () => void {
     overlay.removeEventListener("geometrychange", update);
   };
 }
+
+export function getElectronPlatformClassNames(
+  platform: string,
+):
+  | readonly [typeof ELECTRON_CLASS_NAME]
+  | readonly [typeof ELECTRON_CLASS_NAME, typeof ELECTRON_WINDOWS_CLASS_NAME] {
+  return isWindowsPlatform(platform)
+    ? [ELECTRON_CLASS_NAME, ELECTRON_WINDOWS_CLASS_NAME]
+    : [ELECTRON_CLASS_NAME];
+}
+
+export function syncDocumentElectronPlatformClasses(platform: string): () => void {
+  if (typeof document === "undefined") {
+    return () => {};
+  }
+
+  const classNames = getElectronPlatformClassNames(platform);
+  document.documentElement.classList.add(...classNames);
+  return () => {
+    document.documentElement.classList.remove(...classNames);
+  };
+}
diff --git a/apps/web/src/main.tsx b/apps/web/src/main.tsx
index 453649bfdc5..c03cc65f654 100644
--- a/apps/web/src/main.tsx
+++ b/apps/web/src/main.tsx
@@ -15,7 +15,10 @@ import { isElectron } from "./env";
 import { ManagedRelayAuthProvider } from "./cloud/managedAuth";
 import { hasCloudPublicConfig } from "./cloud/publicConfig";
 import { getRouter } from "./router";
-import { syncDocumentWindowControlsOverlayClass } from "./lib/windowControlsOverlay";
+import {
+  syncDocumentElectronPlatformClasses,
+  syncDocumentWindowControlsOverlayClass,
+} from "./lib/windowControlsOverlay";
 import { AppRoot } from "./AppRoot";
 
 // Electron loads the app from a file-backed shell, so hash history avoids path resolution issues.
@@ -24,6 +27,7 @@ const history = isElectron ? createHashHistory() : createBrowserHistory();
 const router = getRouter(history);
 
 if (isElectron) {
+  syncDocumentElectronPlatformClasses(navigator.platform);
   syncDocumentWindowControlsOverlayClass();
 }