Merge branch 'fix/4337' of github.com:Budibase/budibase into fix/4337

packages/bbui/src/Button/Button.svelte

@@ -17,7 +17,6 @@
   let showTooltip = false
 </script>
 
-<div class:container={!!tooltip}>
 <button
   class:spectrum-Button--cta={cta}
   class:spectrum-Button--primary={primary}
@@ -57,25 +56,16 @@
       </svg>
     </div>
   {/if}
-  </button>
   {#if showTooltip && tooltip}
-    <div class="position">
     <div class="tooltip">
       <Tooltip textWrapping={true} direction={"bottom"} text={tooltip} />
     </div>
-    </div>
   {/if}
-</div>
+</button>
 
 <style>
   button {
-    width: 100%;
-  }
-
-  .container {
-    display: flex;
-    align-items: center;
-    flex-direction: column;
+    position: relative;
   }
   .spectrum-Button-label {
     white-space: nowrap;
@@ -93,12 +83,8 @@
     width: 160px;
     text-align: center;
     transform: translateX(-50%);
-    top: -5px;
-  }
-  .position {
-    position: relative;
-    width: 0;
-    height: 0;
+    left: 50%;
+    top: calc(100% - 3px);
   }
   .tooltip-icon {
     padding-left: var(--spacing-m);