diff --git a/components/DateTimePicker/DateTimePicker.stories.tsx b/components/DateTimePicker/DateTimePicker.stories.tsx
index afa7aabd..d52c581a 100644
--- a/components/DateTimePicker/DateTimePicker.stories.tsx
+++ b/components/DateTimePicker/DateTimePicker.stories.tsx
@@ -35,7 +35,6 @@ const Template: StoryFn<typeof DateTimePickerForStory> = (args) => {
           <DateTimePickerForStory
             {...args}
             id="expiration-datetime"
-            calendarStartDay={1}
             dateFormat="MMMM d, yyyy h:mm aa"
             onChange={(date) => setDate(date)}
             selected={date}
diff --git a/components/DateTimePicker/DateTimePicker.tsx b/components/DateTimePicker/DateTimePicker.tsx
index 3e88937a..2fba13af 100644
--- a/components/DateTimePicker/DateTimePicker.tsx
+++ b/components/DateTimePicker/DateTimePicker.tsx
@@ -118,6 +118,10 @@ const StyledWrapper = styled('div', {
         boxSizing: 'border-box',
         color: '$textDefault',
 
+        '&--outside-month': {
+          color: '$textSubtle',
+        },
+
         '&--today': {
           border: '1px solid $buttonSecondaryBorder',
           borderRadius: '$3',