diff --git a/src/components/meals/DatePicker.vue b/src/components/meals/DatePicker.vue
index be1f873..e216514 100644
--- a/src/components/meals/DatePicker.vue
+++ b/src/components/meals/DatePicker.vue
@@ -109,7 +109,11 @@
     cursor: pointer;
     border-bottom: 1px solid #ccc;
   }
-  
+
+  .date-picker-dropdown li:hover {
+    background-color: #eee;
+  }
+
   .date-picker-dropdown li:last-child {
     border-bottom: none;
   }