diff --git a/demos/setup/style.scss b/demos/setup/style.scss
index 6014371d..c19465f3 100644
--- a/demos/setup/style.scss
+++ b/demos/setup/style.scss
@@ -15,6 +15,7 @@ html {
 
 body {
   margin: 1rem;
+  min-height: 10rem;
 }
 
 ::-webkit-scrollbar {
diff --git a/demos/src/Examples/CodeBlockLanguage/Vue/CodeBlockComponent.vue b/demos/src/Examples/CodeBlockLanguage/Vue/CodeBlockComponent.vue
index 04756ff5..ab03680a 100644
--- a/demos/src/Examples/CodeBlockLanguage/Vue/CodeBlockComponent.vue
+++ b/demos/src/Examples/CodeBlockLanguage/Vue/CodeBlockComponent.vue
@@ -45,7 +45,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .code-block {
   position: relative;
 
diff --git a/demos/src/Examples/CollaborativeEditing/Vue/MenuBar.vue b/demos/src/Examples/CollaborativeEditing/Vue/MenuBar.vue
index 88002786..81112ed8 100644
--- a/demos/src/Examples/CollaborativeEditing/Vue/MenuBar.vue
+++ b/demos/src/Examples/CollaborativeEditing/Vue/MenuBar.vue
@@ -150,7 +150,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .divider {
   width: 2px;
   height: 1.25rem;
diff --git a/demos/src/Examples/CollaborativeEditing/Vue/MenuItem.vue b/demos/src/Examples/CollaborativeEditing/Vue/MenuItem.vue
index 85140812..955e6bd7 100644
--- a/demos/src/Examples/CollaborativeEditing/Vue/MenuItem.vue
+++ b/demos/src/Examples/CollaborativeEditing/Vue/MenuItem.vue
@@ -45,7 +45,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .menu-item {
   width: 1.75rem;
   height: 1.75rem;
diff --git a/demos/src/Examples/CollaborativeEditing/Vue/index.vue b/demos/src/Examples/CollaborativeEditing/Vue/index.vue
index a844c54f..9cf91ddb 100644
--- a/demos/src/Examples/CollaborativeEditing/Vue/index.vue
+++ b/demos/src/Examples/CollaborativeEditing/Vue/index.vue
@@ -151,7 +151,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .editor {
   display: flex;
   flex-direction: column;
diff --git a/demos/src/Examples/Community/Vue/MentionList.vue b/demos/src/Examples/Community/Vue/MentionList.vue
index ff08520e..26437b84 100644
--- a/demos/src/Examples/Community/Vue/MentionList.vue
+++ b/demos/src/Examples/Community/Vue/MentionList.vue
@@ -81,7 +81,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .items {
   position: relative;
   border-radius: 0.25rem;