diff --git a/core/src/components/datetime/datetime.md.scss b/core/src/components/datetime/datetime.md.scss
index df57e4b025..0ee9471350 100644
--- a/core/src/components/datetime/datetime.md.scss
+++ b/core/src/components/datetime/datetime.md.scss
@@ -54,7 +54,12 @@
 // Calendar / Body
 // -----------------------------------
 :host .calendar-body .calendar-month .calendar-month-grid {
-  @include padding(0px, 10px, 0px, 10px);
+  /**
+   * 3px top padding adds enough spacing at
+   * the top of the container for the selected
+   * day box shadow to display without clipping.
+   */
+  @include padding(3px, 10px, 0px, 10px);
 
   /**
    * Calendar on MD will show an empty row