diff --git a/src/dashboard/scoreko-dev/views/Graphics.vue b/src/dashboard/scoreko-dev/views/Graphics.vue
index 59c5e84..a351c4d 100644
--- a/src/dashboard/scoreko-dev/views/Graphics.vue
+++ b/src/dashboard/scoreko-dev/views/Graphics.vue
@@ -176,6 +176,7 @@ const onDragStart = (event: DragEvent, graphic: GraphicConfig) => {
 .graphics-preview__frame-wrap {
   width: 100%;
   aspect-ratio: 16 / 9;
+  container-type: inline-size;
   border-radius: 8px;
   border: 1px solid rgb(255 255 255 / 12%);
   background:
@@ -190,8 +191,10 @@ const onDragStart = (event: DragEvent, graphic: GraphicConfig) => {
 }
 
 .graphics-preview__frame {
-  width: 100%;
-  height: 100%;
+  width: 1920px;
+  height: 1080px;
   border: 0;
+  transform: scale(calc(100cqw / 1920));
+  transform-origin: top left;
 }
 </style>