diff --git a/src/components/DatePicker/DatePicker.js b/src/components/DatePicker/DatePicker.js
index 269fe1a2..21ad352c 100644
--- a/src/components/DatePicker/DatePicker.js
+++ b/src/components/DatePicker/DatePicker.js
@@ -69,8 +69,10 @@ export function DatePicker(props) {
             onChange={onMonthChange}
             className="ds-w-165px ds-py-5px ds-flex ds-px-14px ds-date-text ds-border-1.5 ds-border-multi-neutrals-grey85a ds-rounded"
           >
-            {monthValues.map((mv) => (
-              <option value={mv}>{language.datePicker.months[mv]}</option>
+            {monthValues.map((mv, index) => (
+              <option value={mv} key={index}>
+                {language.datePicker.months[mv]}
+              </option>
             ))}
           </select>
           <div className="dropdownPos">
diff --git a/src/components/DatePicker/styles.css b/src/components/DatePicker/styles.css
index 20f8d694..37b2eefd 100644
--- a/src/components/DatePicker/styles.css
+++ b/src/components/DatePicker/styles.css
@@ -2,14 +2,12 @@
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  background: transparent;
 }
 
 .dropdownPos {
   position: absolute;
   left: 136px;
   top: 48px;
-  z-index: -1;
 }
 
 input::-webkit-outer-spin-button,