diff --git a/src/components/atoms/canvas.tsx b/src/components/atoms/canvas.tsx
index 2dbbdff2..95f821e8 100644
--- a/src/components/atoms/canvas.tsx
+++ b/src/components/atoms/canvas.tsx
@@ -141,8 +141,8 @@ const Canvas = ({ width, height, onCreateRef }: CanvasProps) => {
         <canvas
             tabIndex={0}
             ref={canvasRef}
-            height={500}
-            width={900}
+            height={400}
+            width={1150}
         />
     );
 
diff --git a/src/constants/const.ts b/src/constants/const.ts
index 55b19695..6df84b91 100644
--- a/src/constants/const.ts
+++ b/src/constants/const.ts
@@ -1,5 +1,5 @@
-export const VIEWPORT_W = 900;
-export const VIEWPORT_H = 500;
+export const VIEWPORT_W = 1150;
+export const VIEWPORT_H = 400;
 
 export const ONE_PERCENT_OF_VIEWPORT_W = VIEWPORT_W / 100;
 export const ONE_PERCENT_OF_VIEWPORT_H = VIEWPORT_H / 100;
diff --git a/src/context/browserDimensions.tsx b/src/context/browserDimensions.tsx
index 039b77e7..765a29f2 100644
--- a/src/context/browserDimensions.tsx
+++ b/src/context/browserDimensions.tsx
@@ -7,8 +7,8 @@ interface BrowserDimensions {
 };
 
 class BrowserDimensionsStore implements Partial<BrowserDimensions> {
-  width: number = 900;
-  height: number = 500;
+  width: number = 1150;
+  height: number = 400;
 };
 
 const browserDimensionsStore = new BrowserDimensionsStore();