diff --git a/src/components/bootstrap-extend/scss/libs/_responsive-border.scss b/src/components/bootstrap-extend/scss/libs/_responsive-border.scss
index 60746c38f..1f7a1a8af 100644
--- a/src/components/bootstrap-extend/scss/libs/_responsive-border.scss
+++ b/src/components/bootstrap-extend/scss/libs/_responsive-border.scss
@@ -39,16 +39,7 @@
     @include media-breakpoint-up($breakpoint) {
       $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
   
-      .border#{$infix}-top {      border-top: $border-width solid $border-color !important; }
-      .border#{$infix}-end {    border-right: $border-width solid $border-color !important; }
-      .border#{$infix}-bottom {   border-bottom: $border-width solid $border-color !important; }
-      .border#{$infix}-start {     border-left: $border-width solid $border-color !important; }
-  
-      .border#{$infix}-top-0 {    border-top: 0 !important; }
-      .border#{$infix}-end-0 {  border-right: 0 !important; }
-      .border#{$infix}-bottom-0 { border-bottom: 0 !important; }
-      .border#{$infix}-start-0 {   border-left: 0 !important; }
-  
+      // put before ".border#{$infix}-xxxxx"
       .border#{$infix}-x {
         border-left: $border-width solid $border-color !important;
         border-right: $border-width solid $border-color !important;
@@ -60,17 +51,23 @@
       }
       // support of .border-sm (-md, -lg, -xl)
       .border#{$infix} {
-        border-top: $border-width solid $border-color !important;
-        border-bottom: $border-width solid $border-color !important;
-        border-left: $border-width solid $border-color !important;
-        border-right: $border-width solid $border-color !important;
+        border: $border-width solid $border-color !important;
       }
       .border#{$infix}-0 {
-        border-top: 0 !important;
-        border-bottom: 0 !important;
-        border-left: 0 !important;
-        border-right: 0 !important;
+        border: 0 !important;
       }
+
+      //
+      .border#{$infix}-top {      border-top: $border-width solid $border-color !important; }
+      .border#{$infix}-end {    border-right: $border-width solid $border-color !important; }
+      .border#{$infix}-bottom {   border-bottom: $border-width solid $border-color !important; }
+      .border#{$infix}-start {     border-left: $border-width solid $border-color !important; }
+  
+      .border#{$infix}-top-0 {    border-top: 0 !important; }
+      .border#{$infix}-end-0 {  border-right: 0 !important; }
+      .border#{$infix}-bottom-0 { border-bottom: 0 !important; }
+      .border#{$infix}-start-0 {   border-left: 0 !important; }
+  
     }
 }