From d127fa1be1b401df23c45880bdea4eca94ca528a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Mon, 22 Feb 2021 15:00:04 -0300
Subject: [PATCH] fix tooltip border color and fix text color on stories

---
 src/dataDisplay/Tooltip/index.stories.tsx | 13 +++++++++++--
 src/dataDisplay/Tooltip/index.tsx         |  2 +-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/dataDisplay/Tooltip/index.stories.tsx b/src/dataDisplay/Tooltip/index.stories.tsx
index 42ee4920..68ce50d1 100644
--- a/src/dataDisplay/Tooltip/index.stories.tsx
+++ b/src/dataDisplay/Tooltip/index.stories.tsx
@@ -20,7 +20,11 @@ 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>
   );
@@ -28,7 +32,12 @@ export const CustomColor = (): React.ReactElement => {
 
 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>
   );
diff --git a/src/dataDisplay/Tooltip/index.tsx b/src/dataDisplay/Tooltip/index.tsx
index cf623ad0..4d708fe1 100644
--- a/src/dataDisplay/Tooltip/index.tsx
+++ b/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}`;
   }
 };