From f28bcea627f7a15e7ffebe93e3752112124b2c5c Mon Sep 17 00:00:00 2001
From: Marin Atanasov <8436925+tyxla@users.noreply.github.com>
Date: Wed, 6 Nov 2024 13:22:32 +0900
Subject: [PATCH] ButtonGroup: Use <link /> for the stylesheet

---
 packages/components/src/button-group/index.tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/components/src/button-group/index.tsx b/packages/components/src/button-group/index.tsx
index fb2659c2a0d7d..a62dc65fe9b40 100644
--- a/packages/components/src/button-group/index.tsx
+++ b/packages/components/src/button-group/index.tsx
@@ -23,7 +23,19 @@ function UnforwardedButtonGroup(
 	const classes = clsx( 'components-button-group', className );
 
 	return (
-		<div ref={ ref } role="group" className={ classes } { ...restProps } />
+		<>
+			<link
+				rel="stylesheet"
+				data-precedence="low"
+				href="../wp-content/plugins/gutenberg/packages/components/src/button-group/style.css"
+			/>
+			<div
+				ref={ ref }
+				role="group"
+				className={ classes }
+				{ ...restProps }
+			/>
+		</>
 	);
 }