diff --git a/image-ai/src/app/globals.css b/image-ai/src/app/globals.css
index 67b95a1..806a994 100644
--- a/image-ai/src/app/globals.css
+++ b/image-ai/src/app/globals.css
@@ -3,7 +3,7 @@
 @tailwind utilities;
 
 html,
-boby{
+body{
   height: 100%;
 }
 
diff --git a/image-ai/src/features/editor/hooks/use-editor.ts b/image-ai/src/features/editor/hooks/use-editor.ts
index d373763..8482d10 100644
--- a/image-ai/src/features/editor/hooks/use-editor.ts
+++ b/image-ai/src/features/editor/hooks/use-editor.ts
@@ -4,7 +4,7 @@ import { useCallback } from "react";
 export const useEditor = () => {
     const init = useCallback(({
         initialCanvas,
-        initialContainer, //이부분 개빡치네 왜 안되는거야
+        initialContainer,
     }: {
         initialCanvas: fabric.Canvas;
         initialContainer: HTMLDivElement,
@@ -32,8 +32,8 @@ export const useEditor = () => {
             })
         })
 
-        initialCanvas.setWidth(900); //시부레 initialContainer.offsetWidth로 하면 왜 안되는거야
-        initialCanvas.setHeight(1200);
+        initialCanvas.setWidth(initialContainer.offsetWidth); 
+        initialCanvas.setHeight(initialContainer.offsetHeight);
 
         initialCanvas.add(initialWorkspace);
         initialCanvas.centerObject(initialWorkspace);
diff --git a/image-ai/tailwind.config.ts b/image-ai/tailwind.config.ts
index 79a72de..31fc314 100644
--- a/image-ai/tailwind.config.ts
+++ b/image-ai/tailwind.config.ts
@@ -3,7 +3,8 @@ import type { Config } from "tailwindcss";
 const config: Config = {
     darkMode: ["class"],
     content: [
-	"./src/**/*.{js,ts,jsx,tsx,mdx}",
+	"./src/**/*.{js,ts,jsx,tsx,mdx}", //이렇게 해야 src 폴더 안에 있는 
+									  //파일들을 모두 인식함
   ],
   theme: {
   	extend: {