diff --git a/docs/src/demos/ReadOnly/index.vue b/docs/src/demos/ReadOnly/index.vue
index b4155489..5c0f6aa0 100644
--- a/docs/src/demos/ReadOnly/index.vue
+++ b/docs/src/demos/ReadOnly/index.vue
@@ -52,4 +52,6 @@ export default {
     this.editor.destroy()
   },
 }
-</script>
\ No newline at end of file
+</script>
+
+<style lang="scss" src="./style.scss">
\ No newline at end of file
diff --git a/docs/src/demos/ReadOnly/style.scss b/docs/src/demos/ReadOnly/style.scss
index 9032b118..7824a4e9 100644
--- a/docs/src/demos/ReadOnly/style.scss
+++ b/docs/src/demos/ReadOnly/style.scss
@@ -1,3 +1,7 @@
 .checkbox {
   margin-bottom: 1rem;
+
+  input[type="checkbox"] {
+    margin-right: 0.5rem;
+  }
 }
\ No newline at end of file