fix(core/tooltip): adjust arrow height (#1311)

Co-authored-by: Lukas Maurer <[email protected]>

.changeset/pretty-donkeys-cover.md

@@ -0,0 +1,5 @@
+---
+'@siemens/ix': minor
+---
+
+fix(core/tooltip): adjust arrow height

packages/core/src/components/tooltip/tooltip.scss

@@ -36,8 +36,8 @@
   .arrow,
   .arrow::before {
     position: absolute;
-    width: 8px;
-    height: 8px;
+    width: 12px;
+    height: 12px;
     background: inherit;
   }
 

packages/core/src/components/tooltip/tooltip.tsx

@@ -145,21 +145,21 @@ export class Tooltip implements IxOverlayComponent {
 
     if (placement.startsWith('right')) {
       return {
-        left: numberToPixel(-4),
+        left: numberToPixel(-6),
         top: numberToPixel(y),
       };
     }
 
     if (placement.startsWith('bottom')) {
       return {
         left: numberToPixel(x),
-        top: numberToPixel(-4),
+        top: numberToPixel(-6),
       };
     }
 
     if (placement.startsWith('left')) {
       return {
-        right: numberToPixel(-4),
+        right: numberToPixel(-6),
         top: numberToPixel(y),
       };
     }
@@ -171,7 +171,7 @@ export class Tooltip implements IxOverlayComponent {
       placement: this.placement,
       middleware: [
         shift(),
-        offset(8),
+        offset(12),
         arrow({
           element: this.arrowElement,
         }),