Repository: equinor/design-system (ts)

Issue:
Sidesheet close-button shrinks when a long title is given
**Describe the bug**

The circular icon-button shrinks horizontally, making it oblong. Doesn't look very good.

![Image](https://github.com/user-attachments/assets/83bc6e58-3ff2-4351-a590-42979d057566)


**Steps to reproduce the bug**

1. Sidesheet
2. Long title
3. Tadaa


**Expected behavior**

Circular button

**Specifications**
N/A

**Additional context**
This is quickly fixed by adding `flex-shrink: 0` to the button element, but we don't have access to that through the SideSheet.

Pull request:
🐛 Sidesheet: fix shrinking close button
resolves #3727 

Patch:
diff --git a/packages/eds-core-react/src/components/SideSheet/SideSheet.tsx b/packages/eds-core-react/src/components/SideSheet/SideSheet.tsx
index a6d194b2..b54dba5c 100644
--- a/packages/eds-core-react/src/components/SideSheet/SideSheet.tsx
+++ b/packages/eds-core-react/src/components/SideSheet/SideSheet.tsx
@@ -54,6 +54,7 @@ const Header = styled.div`
   padding-right: 10px;
   & > button {
     margin-left: auto;
+    flex-shrink: 0;
   }
 `
 


Test patch:
diff --git a/packages/eds-core-react/src/components/SideSheet/__snapshots__/SideSheet.test.tsx.snap b/packages/eds-core-react/src/components/SideSheet/__snapshots__/SideSheet.test.tsx.snap
index 878092cf..f80b6f6c 100644
--- a/packages/eds-core-react/src/components/SideSheet/__snapshots__/SideSheet.test.tsx.snap
+++ b/packages/eds-core-react/src/components/SideSheet/__snapshots__/SideSheet.test.tsx.snap
@@ -134,6 +134,7 @@ exports[`SideSheet Matches snapshot 1`] = `
 
 .c1>button {
   margin-left: auto;
+  flex-shrink: 0;
 }
 
 @media (hover:hover) and (pointer:fine) {