diff --git a/Frontend/src/components/CodeEditorComponent.vue b/Frontend/src/components/CodeEditorComponent.vue
index f13f352..a337afc 100644
--- a/Frontend/src/components/CodeEditorComponent.vue
+++ b/Frontend/src/components/CodeEditorComponent.vue
@@ -58,7 +58,7 @@ import {html} from '@codemirror/lang-html'
   <div class="editor w-full h-full bg-[#282C34] rounded-2xl overflow-x-scroll">
     
     <codemirror
-      style="height: 100%; width: fit-content; padding:1rem ; border-radius: 1rem; font-size: large;"
+      style="height: 100%; width: 100%; padding:1rem ; border-radius: 1rem; font-size: large;"
       :model-value="code"
       @update:model-value="dataUpdated"
       :extensions="extensions"