From c9d4edbb5b7bf033f3fa12fca69b6b0ea9b6ed20 Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Mon, 11 May 2026 10:36:37 +0100
Subject: [PATCH] Use CSSProperties for button style prop (#33492)

GitOrigin-RevId: 0f531c58d8ec82930bd603c19af840338f0b512e
---
 .../web/frontend/js/shared/components/types/button-props.ts | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/services/web/frontend/js/shared/components/types/button-props.ts b/services/web/frontend/js/shared/components/types/button-props.ts
index e98538e168..c930f3f323 100644
--- a/services/web/frontend/js/shared/components/types/button-props.ts
+++ b/services/web/frontend/js/shared/components/types/button-props.ts
@@ -1,7 +1,5 @@
-import type { ReactNode } from 'react'
-
 export type ButtonProps = {
-  children?: ReactNode
+  children?: React.ReactNode
   className?: string
   disabled?: boolean
   download?: boolean | string
@@ -21,7 +19,7 @@ export type ButtonProps = {
   onFocus?: React.FocusEventHandler<HTMLButtonElement>
   onBlur?: React.FocusEventHandler<HTMLButtonElement>
   size?: 'sm' | 'lg' | undefined
-  style?: Record<PropertyKey, string>
+  style?: React.CSSProperties
   active?: boolean
   trailingIcon?: string | React.ReactNode
   type?: 'button' | 'reset' | 'submit'