feat: consistent arrow rotation

Author: gabrieljablonski

Diff for: src/components/Tooltip/styles.module.css

@@ -8,9 +8,24 @@
 .arrow {
   width: 8px;
   height: 8px;
+}
+
+[class*='react-tooltip__place-top'] > .arrow {
   transform: rotate(45deg);
 }
 
+[class*='react-tooltip__place-right'] > .arrow {
+  transform: rotate(135deg);
+}
+
+[class*='react-tooltip__place-bottom'] > .arrow {
+  transform: rotate(225deg);
+}
+
+[class*='react-tooltip__place-left'] > .arrow {
+  transform: rotate(315deg);
+}
+
 /** Types variant **/
 .dark {
   background: var(--rt-color-dark);

Diff for: src/utils/compute-positions.ts

@@ -44,14 +44,10 @@ export const computeTooltipPosition = async ({
           left: 'right',
         }[placement.split('-')[0]] ?? 'bottom'
 
-      const borderSide =
-        border &&
-        {
-          top: { borderBottom: border, borderRight: border },
-          right: { borderBottom: border, borderLeft: border },
-          bottom: { borderTop: border, borderLeft: border },
-          left: { borderTop: border, borderRight: border },
-        }[placement.split('-')[0]]
+      const borderSide = border && {
+        borderBottom: border,
+        borderRight: border,
+      }
 
       let borderWidth = 0
       if (border) {