From c2378b39ed8a979bb873a6e4658e4a7087559eca Mon Sep 17 00:00:00 2001
From: Ger Teck <changerteck@gmail.com>
Date: Tue, 16 Jul 2024 14:10:47 +0800
Subject: [PATCH] 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
---
 packages/vue-components/src/Box.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/vue-components/src/Box.vue b/packages/vue-components/src/Box.vue
index 26bfba40b8..e44e984233 100644
--- 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;
     }