diff --git a/src/components/contenteditable.vue b/src/components/contenteditable.vue
index 38c9025..0379687 100644
--- a/src/components/contenteditable.vue
+++ b/src/components/contenteditable.vue
@@ -1,5 +1,5 @@
 <template>
-  <div :class="className">
+  <div :class="className" class="screen">
     <div class="flex contenteditable align-center space-between">
       <p
         :id="'editor' + id"
@@ -299,6 +299,9 @@ const insertImageAtCaret = (html) => {
 </script>
 
 <style>
+.screen {
+  width: 100%;
+}
 .contenteditable-content {
   width: 100%;
   height: 100%;