diff --git a/src/assets/styles/App.scss b/src/assets/styles/App.scss
index 1005b6bb06..2ac6429884 100644
--- a/src/assets/styles/App.scss
+++ b/src/assets/styles/App.scss
@@ -286,3 +286,15 @@ h4 {
 p {
   color: var(--color-text-secondary);
 }
+
+a {
+  color: var(--color-text-secondary);
+
+  &:hover {
+    color: var(--color-text-main);
+  }
+
+  &:active {
+    color: var(--color-text-inactive);
+  }
+}
diff --git a/src/assets/styles/Global.scss b/src/assets/styles/Global.scss
index 4dbe9149ac..bfea84695c 100755
--- a/src/assets/styles/Global.scss
+++ b/src/assets/styles/Global.scss
@@ -21,8 +21,8 @@
 
   /* Typography colors */
   --color-text-main: #fff;
-  --color-text-secondary: #a1a1a1;
-  --color-text-inactive: #5e5f6a;
+  --color-text-secondary: #9597a1;
+  --color-text-inactive: #383944;
   --color-text-red: #f9053e;
   --color-text-green: #9dd562;
   --color-text-blue: #2fe29b;
diff --git a/src/stories/Typography.stories.tsx b/src/stories/Typography.stories.tsx
index 3c2e4a47ae..4467dee363 100644
--- a/src/stories/Typography.stories.tsx
+++ b/src/stories/Typography.stories.tsx
@@ -41,6 +41,8 @@ const Typography: React.FC = () => (
       Small 2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ac dapibus nulla,
       sed consectetur turpis. Donec ultricies purus est, at pulvinar magna consequat eu.
     </MUITypography>
+
+    <a href="https://google.com">External link</a>
   </>
 );