Tooltip border color

src/dataDisplay/Tooltip/index.stories.tsx

@@ -20,15 +20,24 @@ export const Basic = (): React.ReactElement => {
 
 export const CustomColor = (): React.ReactElement => {
   return (
-    <Tooltip title="Some text" backgroundColor="rinkeby" arrow>
+    <Tooltip
+      title="Some text"
+      backgroundColor="rinkeby"
+      textColor="white"
+      arrow>
       <span>hover me</span>
     </Tooltip>
   );
 };
 
 export const CustomColorAndArrow = (): React.ReactElement => {
   return (
-    <Tooltip title="Some text" backgroundColor="primary" placement="left" arrow>
+    <Tooltip
+      title="Some text"
+      backgroundColor="primary"
+      placement="left"
+      textColor="white"
+      arrow>
       <span>hover me</span>
     </Tooltip>
   );

src/dataDisplay/Tooltip/index.tsx

@@ -29,7 +29,7 @@ const getBorderBySize = (size: ThemeTooltipSize): string => {
     case 'lg':
       return 'none';
     default:
-      return `1px solid ${theme.colors.separator}`;
+      return `1px solid ${theme.colors.icon}`;
   }
 };