editor style adjust - separator display styling

vue-theme/editor-style.css

@@ -97,14 +97,23 @@ ol {
 }
 
 /* separator types */
+.wp-block-separator {
+    border: none;
+    height: 0.8em;
+    text-align: center
+}
+
 hr .wp-block-separator, .is-style-default {
-    height: 1px;
     width: 15vw;
+    border-top: 3px solid !important;
+    border-bottom: 0 !important;
 }
 
+
 hr .wp-block-separator, .is-style-wide {
-    height: 3px;
     width: 50vw;
+    border-top: 3px solid;
+    border-bottom: 0;
 }
 
 hr .wp-block-separator, .is-style-dots:before {

vue-theme/src/pages/single.vue

@@ -300,10 +300,10 @@ export default {
             margin: $ms-2 auto
             &.is-style
                 &-default
-                    height: 1px
+                    /* height: 1px */
                     width: 15vw
                 &-wide
-                    height: 3px
+                    /* height: 3px */
                     width: 50vw
                 &-dots::before
                     outline-style: none