diff --git a/src/components/browser/BrowserWindow.tsx b/src/components/browser/BrowserWindow.tsx
index 49c676aa..61a9aeca 100644
--- a/src/components/browser/BrowserWindow.tsx
+++ b/src/components/browser/BrowserWindow.tsx
@@ -76,7 +76,7 @@ export const BrowserWindow = () => {
     const [attributeOptions, setAttributeOptions] = useState<AttributeOption[]>([]);
     const [selectedElement, setSelectedElement] = useState<{ selector: string, info: ElementInfo | null } | null>(null);
     const [currentListId, setCurrentListId] = useState<number | null>(null);
-    const [viewportInfo, setViewportInfo] = useState<ViewportInfo>({ width: window.innerWidth * 0.7, height: window.innerHeight * 0.72 });
+    const [viewportInfo, setViewportInfo] = useState<ViewportInfo>({ width: window.innerWidth * 0.7, height: window.innerHeight * 0.64 });
 
     const [listSelector, setListSelector] = useState<string | null>(null);
     const [fields, setFields] = useState<Record<string, TextStep>>({});
@@ -92,13 +92,13 @@ export const BrowserWindow = () => {
 
     const [dimensions, setDimensions] = useState({
         width: window.innerWidth * 0.7,
-        height: window.innerHeight * 0.72
+        height: window.innerHeight * 0.64
     });
     
     const handleResize = useCallback(() => {
         setDimensions({
             width: window.innerWidth * 0.7,
-            height: window.innerHeight * 0.72
+            height: window.innerHeight * 0.64
         });
     }, []);
     
diff --git a/src/components/recorder/RightSidePanel.tsx b/src/components/recorder/RightSidePanel.tsx
index 1e284879..0c2c54b3 100644
--- a/src/components/recorder/RightSidePanel.tsx
+++ b/src/components/recorder/RightSidePanel.tsx
@@ -55,7 +55,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
   const [isCaptureTextConfirmed, setIsCaptureTextConfirmed] = useState(false);
   const [isCaptureListConfirmed, setIsCaptureListConfirmed] = useState(false);
   const [panelDimensions, setPanelDimensions] = useState({
-    height: window.innerHeight * 0.72 + 137
+    height: window.innerHeight * 0.64 + 137
   });
 
   const { lastAction, notify, currentWorkflowActionsState, setCurrentWorkflowActionsState, resetInterpretationLog } = useGlobalInfoStore();
@@ -72,7 +72,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
   const handleResize = useCallback(() => {
     // Update panel dimensions
     setPanelDimensions({
-      height: window.innerHeight * 0.72 + 137
+      height: window.innerHeight * 0.64 + 137
     });
   }, []);
 
diff --git a/src/context/browserDimensions.tsx b/src/context/browserDimensions.tsx
index d7e229d5..971edf03 100644
--- a/src/context/browserDimensions.tsx
+++ b/src/context/browserDimensions.tsx
@@ -8,7 +8,7 @@ interface BrowserDimensions {
 
 class BrowserDimensionsStore implements Partial<BrowserDimensions> {
   width: number = window.innerWidth * 0.7;
-  height: number = window.innerHeight * 0.72;
+  height: number = window.innerHeight * 0.64;
 };
 
 const browserDimensionsStore = new BrowserDimensionsStore();
diff --git a/src/helpers/coordinateMapper.ts b/src/helpers/coordinateMapper.ts
index b553c4f4..3cb7ffde 100644
--- a/src/helpers/coordinateMapper.ts
+++ b/src/helpers/coordinateMapper.ts
@@ -8,7 +8,7 @@ export class CoordinateMapper {
   
   constructor(
     canvasWidth: number = window.innerWidth * 0.7, 
-    canvasHeight: number = window.innerHeight * 0.72,
+    canvasHeight: number = window.innerHeight * 0.64,
     browserWidth: number = BROWSER_DEFAULT_WIDTH,
     browserHeight: number = BROWSER_DEFAULT_HEIGHT
   ) {