feat(Popover): Applies the shadow helper

catho · May 28, 2019 · 598415b · 598415b
1 parent 5c1229d
commit 598415b
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/components/Popover/sub-components/Content.jsx b/components/Popover/sub-components/Content.jsx
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import { components, spacing, colors } from '../../shared/theme';
 import getArrow from '../arrowProperties';
 import Button from '../../Button';
-import { hexToRgba } from '../../shared';
+import { shadow } from '../../shared';
 
 const _getThemeSpacing = ({ spacing: { xsmall, medium } }) => ({
   xsmall,
@@ -39,11 +39,7 @@ const _getColors = ({
 };
 
 const PopoverContent = styled.div`
-  ${({
-    theme: {
-      colors: { neutral },
-    },
-  }) => `box-shadow: 0 2px 4px 0 ${hexToRgba(neutral[700], 0.5)}`};
+  ${shadow(5)};
   align-items: start;
   display: flex;
   border-radius: 4px;