diff --git a/src-web/components/HeaderSize.tsx b/src-web/components/HeaderSize.tsx
index 5445b87e..0ebe0a8b 100644
--- a/src-web/components/HeaderSize.tsx
+++ b/src-web/components/HeaderSize.tsx
@@ -1,3 +1,4 @@
+import { getCurrentWebviewWindow } from '@tauri-apps/api/webviewWindow';
 import classNames from 'classnames';
 import type { HTMLAttributes, ReactNode } from 'react';
 import { useIsFullscreen } from '../hooks/useIsFullscreen';
@@ -24,6 +25,10 @@ export function HeaderSize({
   return (
     <div
       data-tauri-drag-region
+      onDoubleClick={async () => {
+        // Maximize window on double-click
+        await getCurrentWebviewWindow().toggleMaximize();
+      }}
       style={{
         ...style,
         // Add padding for macOS stoplights, but keep it the same width (account for the interface scale)