From ffb5e04fbd9547842fb1a173d50bd398cdafd441 Mon Sep 17 00:00:00 2001
From: naronchen <naronchen@users.noreply.github.com>
Date: Fri, 13 Jun 2025 13:48:51 -0400
Subject: [PATCH 1/2] css change

---
 .../src/widgets/ChangedElementsWidget.scss                   | 5 +++++
 .../src/widgets/ChangedElementsWidget.tsx                    | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/changed-elements-react/src/widgets/ChangedElementsWidget.scss b/packages/changed-elements-react/src/widgets/ChangedElementsWidget.scss
index c9dd8b94..62c5013c 100644
--- a/packages/changed-elements-react/src/widgets/ChangedElementsWidget.scss
+++ b/packages/changed-elements-react/src/widgets/ChangedElementsWidget.scss
@@ -9,3 +9,8 @@
   text-align: center;
   padding: var(--iui-size-xs);
 }
+
+.header-buttons {
+  display: flex;
+  gap: var(--iui-size-xs);
+}
diff --git a/packages/changed-elements-react/src/widgets/ChangedElementsWidget.tsx b/packages/changed-elements-react/src/widgets/ChangedElementsWidget.tsx
index e5b418ad..923921e9 100644
--- a/packages/changed-elements-react/src/widgets/ChangedElementsWidget.tsx
+++ b/packages/changed-elements-react/src/widgets/ChangedElementsWidget.tsx
@@ -529,7 +529,7 @@ export function ChangedElementsHeaderButtons(props: Readonly<ChangedElementsHead
   }
 
   return (
-    <>
+    <div className="header-buttons">
       {
         !props.useNewNamedVersionSelector &&
         <IconButton
@@ -589,7 +589,7 @@ export function ChangedElementsHeaderButtons(props: Readonly<ChangedElementsHead
           <SvgCompare />
         </IconButton>
       }
-    </>
+    </div>
   );
 }
 

From 65c33472951ab4cdc8e24b8bbc277aa9a490ada9 Mon Sep 17 00:00:00 2001
From: naronchen <naronchen@users.noreply.github.com>
Date: Tue, 17 Jun 2025 17:06:18 -0400
Subject: [PATCH 2/2] changeset

---
 .changeset/slimy-lines-heal.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/slimy-lines-heal.md

diff --git a/.changeset/slimy-lines-heal.md b/.changeset/slimy-lines-heal.md
new file mode 100644
index 00000000..65cfb467
--- /dev/null
+++ b/.changeset/slimy-lines-heal.md
@@ -0,0 +1,5 @@
+---
+"@itwin/changed-elements-react": patch
+---
+
+spacing around che ele header buttons