diff --git a/src/components/code-editor.tsx b/src/components/code-editor.tsx
index c7b0cbf..945c11a 100644
--- a/src/components/code-editor.tsx
+++ b/src/components/code-editor.tsx
@@ -83,7 +83,7 @@ export default function CodeEditor() {
       defaultValue={DEFAULT_VALUE[language]}
       path="file:///main.c"
       theme={resolvedTheme === "light" ? "github-light-default" : "github-dark-default"}
-      height="100%"
+      className="h-[calc(100vh-56px)]"
       options={CODE_EDITOR_OPTIONS}
       beforeMount={(monaco) => {
         shikiToMonaco(highlighter, monaco);