From d02246ffb1602388857eba21cba1afccdf282007 Mon Sep 17 00:00:00 2001
From: pmoskrojas <69815070+pmoskrojas@users.noreply.github.com>
Date: Thu, 18 Jan 2024 11:39:41 -0400
Subject: [PATCH] FOUR-13192 and FOUR-13193: Fix tooltip does not have a
 padding / Accordion title does not have bold style

---
 src/components/vue-form-builder.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/vue-form-builder.vue b/src/components/vue-form-builder.vue
index b13a83791..9d3730b30 100644
--- a/src/components/vue-form-builder.vue
+++ b/src/components/vue-form-builder.vue
@@ -44,7 +44,7 @@
               "
               @click="toggleCollapse(index)"
             >
-              {{ $t(name) }}
+              <strong>{{ $t(name) }}</strong>
               <b-icon
                 :icon="isCollapsed(index) ? 'chevron-down' : 'chevron-up'"
                 class="float-right"
@@ -69,7 +69,8 @@
                     :key="elementIndex"
                     v-b-popover.hover.right="{
                       content: $t(element.popoverContent),
-                      customClass: 'custom-popover'
+                      customClass: 'custom-popover',
+                      boundaryPadding: 16
                     }"
                     :boundary="'viewport'"
                     :data-cy="`controls-${element.component}`"
@@ -1390,10 +1391,14 @@ export default {
 };
 </script>
 
-<style>
+<style scoped>
 .custom-popover {
   margin-right: -400px;
+  padding: 16px;
 }
+</style>
+
+<style>
 .gray-text {
   color: gray;
 }