diff --git a/lib/templates/nuxt-content.dev.vue b/lib/templates/nuxt-content.dev.vue
index 3deb1969b..cbd63d724 100644
--- a/lib/templates/nuxt-content.dev.vue
+++ b/lib/templates/nuxt-content.dev.vue
@@ -1,9 +1,10 @@
 <template>
-  <div class="nuxt-content-container">
+  <div :class="['nuxt-content-container', { 'is-editing': isEditing}]">
     <textarea
       v-show="isEditing"
       v-model="file"
       ref="textarea"
+      class="nuxt-content-editor"
       @keyup.stop="onType"
       @blur="toggleEdit"
     />
@@ -91,7 +92,8 @@ export default {
 .nuxt-content-container {
   position: relative;
 }
-.nuxt-content-container textarea {
+
+.nuxt-content-editor {
   width: 100%;
   padding: 8px;
 }