Fix styling issue in Box.vue

Fix styling issue for .dismissible-box .btn-close where global bootstrap css no longer applied to component with changed classname
MarkBind · Jul 16, 2024 · c2378b3 · c2378b3
1 parent db8bc53
commit c2378b3
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/vue-components/src/Box.vue b/packages/vue-components/src/Box.vue
@@ -355,6 +355,10 @@ export default {
     }
 
     .alert-dismissible-box .btn-close {
+        position: absolute;
+        top: 0;
+        right: 0;
+        z-index: 2;
         padding: 1rem;
     }