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
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>
   );
 }