diff --git a/packages/react-day-picker/src/style.css b/packages/react-day-picker/src/style.css
index 520b5f8cb7..26c46e70b1 100644
--- a/packages/react-day-picker/src/style.css
+++ b/packages/react-day-picker/src/style.css
@@ -274,6 +274,10 @@
   background-color: var(--rdp-accent-color);
 }
 
+.rdp-day_outside {
+  opacity: 0.5;
+}
+
 .rdp-day_selected:focus-visible {
   /* Since the background is the same use again the outline */
   outline: var(--rdp-outline);