diff --git a/.yarn/versions/fa22cc94.yml b/.yarn/versions/fa22cc94.yml
new file mode 100644
index 00000000..4cea19ae
--- /dev/null
+++ b/.yarn/versions/fa22cc94.yml
@@ -0,0 +1,5 @@
+releases:
+  "@essex/components": minor
+
+declined:
+  - essex-toolkit-stories
diff --git a/packages/components/docs/markdown/components.timebrushprops.footerwidth.md b/packages/components/docs/markdown/components.timebrushprops.footerwidth.md
new file mode 100644
index 00000000..56274597
--- /dev/null
+++ b/packages/components/docs/markdown/components.timebrushprops.footerwidth.md
@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@essex/components](./components.md) &gt; [TimeBrushProps](./components.timebrushprops.md) &gt; [footerWidth](./components.timebrushprops.footerwidth.md)
+
+## TimeBrushProps.footerWidth property
+
+<b>Signature:</b>
+
+```typescript
+footerWidth?: number;
+```
diff --git a/packages/components/docs/markdown/components.timebrushprops.md b/packages/components/docs/markdown/components.timebrushprops.md
index 7ce80c4c..cdbb1b5a 100644
--- a/packages/components/docs/markdown/components.timebrushprops.md
+++ b/packages/components/docs/markdown/components.timebrushprops.md
@@ -16,6 +16,7 @@ export interface TimeBrushProps
 |  --- | --- | --- | --- |
 |  [dateRange](./components.timebrushprops.daterange.md) |  | \[Date, Date\] |  |
 |  [elements](./components.timebrushprops.elements.md) |  | [GroupedTerm](./components.groupedterm.md)<!-- -->\[\] |  |
+|  [footerWidth?](./components.timebrushprops.footerwidth.md) |  | number | <i>(Optional)</i> |
 |  [from?](./components.timebrushprops.from.md) |  | string | <i>(Optional)</i> |
 |  [height?](./components.timebrushprops.height.md) |  | number | <i>(Optional)</i> |
 |  [markedDate?](./components.timebrushprops.markeddate.md) |  | Date | <i>(Optional)</i> |
diff --git a/packages/components/docs/report/components.api.json b/packages/components/docs/report/components.api.json
index 038cb2c9..1fdeb7d0 100644
--- a/packages/components/docs/report/components.api.json
+++ b/packages/components/docs/report/components.api.json
@@ -6552,6 +6552,33 @@
                 "endIndex": 3
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@essex/components!TimeBrushProps#footerWidth:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "footerWidth?: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "number"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "footerWidth",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@essex/components!TimeBrushProps#from:member",
diff --git a/packages/components/docs/report/components.api.md b/packages/components/docs/report/components.api.md
index ab1eed75..f87df58b 100644
--- a/packages/components/docs/report/components.api.md
+++ b/packages/components/docs/report/components.api.md
@@ -655,6 +655,8 @@ export interface TimeBrushProps {
     // (undocumented)
     elements: GroupedTerm[];
     // (undocumented)
+    footerWidth?: number;
+    // (undocumented)
     from?: string;
     // (undocumented)
     height?: number;
diff --git a/packages/components/src/TimeBrush/TimeBrush.tsx b/packages/components/src/TimeBrush/TimeBrush.tsx
index 20812977..a0c23646 100644
--- a/packages/components/src/TimeBrush/TimeBrush.tsx
+++ b/packages/components/src/TimeBrush/TimeBrush.tsx
@@ -12,10 +12,12 @@ const DEFAULT_WIDTH = 800
 const DEFAULT_HEIGHT = 24
 const DEFAULT_BAR_WIDTH = 4
 const BAR_GAP = 1
+const DEFAULT_FOOTER_WIDTH = 18
 
 export const TimeBrush: React.FC<TimeBrushProps> = memo(function TimeBrush({
 	width = DEFAULT_WIDTH,
 	height = DEFAULT_HEIGHT,
+	footerWidth = DEFAULT_FOOTER_WIDTH,
 	dateRange,
 	markedDate,
 	elements,
@@ -61,7 +63,7 @@ export const TimeBrush: React.FC<TimeBrushProps> = memo(function TimeBrush({
 				dateRange={dateRange}
 				brushRange={selectionRange}
 				width={width}
-				height={18}
+				height={footerWidth}
 				barWidth={barWidth}
 				onBrushEnd={handleBrushEnd}
 				roundToDay={true}
diff --git a/packages/components/src/TimeBrush/TimeBrush.types.ts b/packages/components/src/TimeBrush/TimeBrush.types.ts
index ff596d18..d456b30d 100644
--- a/packages/components/src/TimeBrush/TimeBrush.types.ts
+++ b/packages/components/src/TimeBrush/TimeBrush.types.ts
@@ -13,6 +13,7 @@ export interface TimeBrushProps {
 	dateRange: [Date, Date]
 	width?: number
 	height?: number
+	footerWidth?: number
 	selectionRange?: [Date, Date]
 	markedDate?: Date
 	from?: string