diff --git a/src/lib/components/inputs/DatePicker/DatePicker.styles.tsx b/src/lib/components/inputs/DatePicker/DatePicker.styles.tsx
index 4477260d..80163509 100644
--- a/src/lib/components/inputs/DatePicker/DatePicker.styles.tsx
+++ b/src/lib/components/inputs/DatePicker/DatePicker.styles.tsx
@@ -43,7 +43,7 @@ export const NavBtn = styled.div<DatePickerProps>`
   background-color: ${(props) => props.navBgColor};
   border-radius: 4px;
   cursor: pointer;
-  box-shadow: 0px 2px 6px ${(props) => props.shadow};
+  box-shadow: ${(props) => props.theme.shadows.xsmall};
 
   & > svg {
     color: ${(props) => props.navTextColor};
diff --git a/src/lib/components/inputs/DatePicker/DatePicker.tsx b/src/lib/components/inputs/DatePicker/DatePicker.tsx
index 75959dcf..4117295f 100644
--- a/src/lib/components/inputs/DatePicker/DatePicker.tsx
+++ b/src/lib/components/inputs/DatePicker/DatePicker.tsx
@@ -101,7 +101,6 @@ export const DatePicker = ({
     navHoverBgColor: navHoverBgColor || theme.colors.calendarOnHover,
     navHoverTextColor: navHoverTextColor || theme.colors.dateBoxHoverTextColor,
     inputTypo: theme.typography.body1,
-    shadow: theme.colors.shimmerBackground,
     zIndex
   }