Dropdown menu theming

1 files changed, 14 insertions, 2 deletions

diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx
index 0271daf84..6eb321aa6 100644
--- a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx
+++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx
@@ -1,5 +1,6 @@
 import * as _ from 'lodash';
 import * as React from 'react';
+
 import {Link} from 'react-router-dom';
 import styled from 'styled-components';
 import {Heading, Paragraph} from 'ts/@next/components/text';
@@ -26,12 +27,22 @@ export const DropdownProducts = () => (
         {_.map(navData, (item, index) => (
             <li>
                 <Link to={item.url}>
-                    <Heading color="#000000" isNoMargin={true} size="small">
+                    <Heading
+                        asElement="h3"
+                        color="inherit"
+                        isNoMargin={true}
+                        size="small"
+                    >
                         {item.title}
                     </Heading>
 
                     {item.description &&
-                        <Paragraph color="#5d5d5d" isNoMargin={true} size="small">
+                        <Paragraph
+                            color="inherit"
+                            isNoMargin={true}
+                            size="small"
+                            isMuted={0.5}
+                        >
                             {item.description}
                         </Paragraph>
                     }
@@ -45,5 +56,6 @@ const List = styled.ul`
     a {
         padding: 15px 30px;
         display: block;
+        color: inherit;
     }
 `;