diff --git a/src/components/canvas/CanvasFrame.jsx b/src/components/canvas/CanvasFrame.jsx
index 2f630a3..7abc9c0 100644
--- a/src/components/canvas/CanvasFrame.jsx
+++ b/src/components/canvas/CanvasFrame.jsx
@@ -2,7 +2,7 @@
 export default function CanvasFrame () {
     return(
         <div className="canvas-frame">
-            <div className="canvas-container" style={{position: 'relative', width: '500px', height: '500px'}}>
+            <div className="canvas-container" style={{position: 'relative', width: '1600px', height: '1000px'}}>
                 <canvas></canvas>
             </div>
         </div>
diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss
index 7737acc..c242a96 100644
--- a/src/styles/_contents.scss
+++ b/src/styles/_contents.scss
@@ -309,12 +309,12 @@
     padding-top: 46.8px;
     transition: all .17s ease-in-out;
     .canvas-frame{
-        height: 86.3vh;
+        height: calc(100vh - 129.3px);
     }
     &.active{
         padding-top: calc(46.8px + 50px);
         .canvas-frame{
-            height: 81vh;
+            height: calc(100vh - 179.4px);
         }
     }
 }