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