diff --git a/docs/src/components/LiveDemo/CustomLayout.vue b/docs/src/components/LiveDemo/CustomLayout.vue
index 3ce70b62..10ecd65e 100644
--- a/docs/src/components/LiveDemo/CustomLayout.vue
+++ b/docs/src/components/LiveDemo/CustomLayout.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="live-editor">
-    <div class="live-editor__preview">
+  <div class="live-demo-template">
+    <div class="live-demo-template__preview">
       <slot name="preview" />
     </div>
-    <div class="live-editor__editor">
+    <div class="live-demo-template__editor">
       <slot name="editor" />
     </div>
   </div>
@@ -40,10 +40,10 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.live-editor {
+.live-demo-template {
   background-color: $colorWhite;
   overflow: hidden;
-  border-radius: 0.5rem;
+  border-radius: 0.5rem 0.5rem 0 0;
 
   &__preview {
     padding: 1.5rem;
diff --git a/docs/src/components/LiveDemo/style.scss b/docs/src/components/LiveDemo/style.scss
index 9346ca9b..ce9a5cfa 100644
--- a/docs/src/components/LiveDemo/style.scss
+++ b/docs/src/components/LiveDemo/style.scss
@@ -4,8 +4,6 @@
   border-radius: 0.5rem;
 
   &__preview {
-    padding: 1.5rem;
-    border: 1px solid rgba($colorBlack, 0.1);
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     border-bottom-width: 0;