diff --git a/apps/schedulely-docs/docs/Components/Header.md b/apps/schedulely-docs/docs/Components/Header.md
index 224421cc..f6dcb585 100644
--- a/apps/schedulely-docs/docs/Components/Header.md
+++ b/apps/schedulely-docs/docs/Components/Header.md
@@ -1,93 +1,88 @@
----
-title: Header Component
----
-
-## Description
-
-The `HeaderComponent` defines how the large banner at the top of the calendar appears. It can include as many or
-as few controls as you want.
-
-## Component Props
-
-```tsx
-export interface HeaderProps {
- month: string;
- year: number;
- isCurrentMonth: boolean;
- onNextMonth: () => void;
- onNextYear: () => void;
- onPrevMonth: () => void;
- onPrevYear: () => void;
-}
-```
-
-| Property | Type | Description |
-| -------------- | --------------- | ------------------------------------------------------------------------------------ |
-| month | `string` | The current month the calendar is displaying |
-| year | `number` | The current year the calendar is displaying |
-| isCurrentMonth | `boolean` | True if the selected month is the same as the current month |
-| onNextMonth | `() => void` | Calling this functions moves to the next month |
-| onNextYear | `() => void` | Calling this functions moves to the same month of the next year |
-| onPrevMonth | `() => void` | Calling this functions moves to the previous month |
-| onPrevYear | `() => void` | Calling this functions moves to the same month of the previous year |
-| componentSize | `ComponentSize` | Enum value that indicates the current size of the calendar (used for element sizing) |
-
-## Example (DefaultHeader)
-
-```tsx live noInline
-// This demo is an example of what a custom component might look like if you wanted to override the default.
-// If you are using the default components, you don't need to worry about this.
-
-const DefaultHeader = ({
- month,
- year,
- onNextMonth,
- onNextYear,
- onPrevMonth,
- onPrevYear,
- isCurrentMonth,
- componentSize,
-}) => (
-
-);
-```
+---
+title: Header Component
+---
+
+## Description
+
+The `HeaderComponent` defines how the large banner at the top of the calendar appears. It can include as many or
+as few controls as you want.
+
+## Component Props
+
+```tsx
+export interface HeaderProps {
+ month: string;
+ year: number;
+ isCurrentMonth: boolean;
+ onNextMonth: () => void;
+ onNextYear: () => void;
+ onPrevMonth: () => void;
+ onPrevYear: () => void;
+}
+```
+
+| Property | Type | Description |
+| -------------- | ------------ | ------------------------------------------------------------------- |
+| month | `string` | The current month the calendar is displaying |
+| year | `number` | The current year the calendar is displaying |
+| isCurrentMonth | `boolean` | True if the selected month is the same as the current month |
+| onNextMonth | `() => void` | Calling this functions moves to the next month |
+| onNextYear | `() => void` | Calling this functions moves to the same month of the next year |
+| onPrevMonth | `() => void` | Calling this functions moves to the previous month |
+| onPrevYear | `() => void` | Calling this functions moves to the same month of the previous year |
+
+## Example (DefaultHeader)
+
+```tsx live noInline
+// This demo is an example of what a custom component might look like if you wanted to override the default.
+// If you are using the default components, you don't need to worry about this.
+
+const DefaultHeader = ({
+ month,
+ year,
+ onNextMonth,
+ onNextYear,
+ onPrevMonth,
+ onPrevYear,
+ isCurrentMonth,
+}) => (
+