Add box shadows to all dropdowns

src/components/molecules/ActionDropdown/ActionDropdown.jsx

@@ -52,7 +52,7 @@ const ListItem = styled.div`
   }
 `
 const ListStyle = css`
-  box-shadow: 0 0 8px 0px rgba(111, 114, 118, 0.51);
+  ${StyleProps.boxShadow}
   border: none;
 `
 export const TEST_ID = 'actionDropdown'

src/components/molecules/AutocompleteDropdown/AutocompleteDropdown.jsx

@@ -61,6 +61,7 @@ const List = styled.div`
   border: 1px solid ${Palette.grayscale[3]};
   border-radius: ${StyleProps.borderRadius};
   z-index: 1000;
+  ${StyleProps.boxShadow}
 `
 const Separator = styled.div`
   width: calc(100% - 32px);

src/components/molecules/DatetimePicker/DatetimePicker.jsx

@@ -49,7 +49,9 @@ const Portal = styled.div`
     }
   }
 `
-const DatetimeStyled = styled(Datetime)``
+const DatetimeStyled = styled(Datetime)`
+  ${StyleProps.boxShadow}
+`
 
 type Props = {
   value: ?Date,

src/components/molecules/Dropdown/Dropdown.jsx

@@ -58,6 +58,7 @@ const List = styled.div`
   border: 1px solid ${Palette.grayscale[3]};
   border-radius: ${StyleProps.borderRadius};
   z-index: 1000;
+  ${StyleProps.boxShadow}
 `
 const ListItems = styled.div`
   max-height: 400px;

src/components/molecules/DropdownLink/DropdownLink.jsx

@@ -51,6 +51,7 @@ export const List = styled.div`
     max-width: 160px;
   `}
   ${props => props.customStyle || ''}
+  ${StyleProps.boxShadow}
 `
 export const Tip = styled.div`
   position: absolute;

src/components/molecules/NewItemDropdown/NewItemDropdown.jsx

@@ -47,6 +47,7 @@ const List = styled.div`
   right: 0;
   top: 45px;
   z-index: 10;
+  ${StyleProps.boxShadow}
 `
 const ListItem = styled(Link)`
   display: flex;

src/components/molecules/NotificationDropdown/NotificationDropdown.jsx

@@ -71,6 +71,7 @@ const List = styled.div`
   right: 0;
   top: 45px;
   z-index: 10;
+  ${StyleProps.boxShadow}
 `
 const ListItemCss = css`
   display: flex;

src/components/molecules/UserDropdown/UserDropdown.jsx

@@ -54,6 +54,7 @@ const List = styled.div`
   display: flex;
   flex-direction: column;
   z-index: 10;
+  ${StyleProps.boxShadow}
 `
 const ListItem = styled.div`
   padding-top: 8px;