diff --git a/apps/web/src/components/terminal.tsx b/apps/web/src/components/terminal.tsx
index 406aac7..5019995 100644
--- a/apps/web/src/components/terminal.tsx
+++ b/apps/web/src/components/terminal.tsx
@@ -42,6 +42,7 @@ export const TerminalComponent: React.FC<TerminalProps> = ({
   const reconnectAttemptsRef = useRef(0);
   const onTerminalReadyRef = useRef(onTerminalReady);
   onTerminalReadyRef.current = onTerminalReady;
+  const handleFontSizeChangeRef = useRef<(delta: number) => void>(() => {});
   const [status, setStatus] = useState<
     "connecting" | "connected" | "disconnected" | "error" | "resetting"
   >("connecting");
@@ -367,7 +368,7 @@ export const TerminalComponent: React.FC<TerminalProps> = ({
         termRef.current?.focus();
       };
       const changeFontSize = (delta: number) => {
-        handleFontSizeChange(delta);
+        handleFontSizeChangeRef.current(delta);
       };
       onTerminalReadyRef.current(sendData, status, focusInput, changeFontSize);
     }
@@ -415,7 +416,7 @@ export const TerminalComponent: React.FC<TerminalProps> = ({
         termRef.current?.focus();
       };
       const changeFontSize = (delta: number) => {
-        handleFontSizeChange(delta);
+        handleFontSizeChangeRef.current(delta);
       };
       onTerminalReady(sendData, status, focusInput, changeFontSize);
     }
@@ -448,6 +449,7 @@ export const TerminalComponent: React.FC<TerminalProps> = ({
       });
     }
   };
+  handleFontSizeChangeRef.current = handleFontSizeChange;
 
   const handleCopy = async () => {
     if (!termRef.current) return;