diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-element-examples-chromium-dark-linux.png
index 11a8cf472..e9edc8e53 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:d9743aec423daabc616b9482098b486e76e2645d1874dfff5c5e01035d689d18
-size 71077
+oid sha256:648044e4d99705fe062c8bc586cbdc6f31e1de92943e7231ac00b8be8a8e6111
+size 71257
diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-element-examples-chromium-light-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-element-examples-chromium-light-linux.png
index f428284a3..502082ec5 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:88a2aafb01f9f658e807ca1e34d6e875222f7dc0455b78d122929b59dc79e578
-size 74298
+oid sha256:9319f4c389b854501be8ed847078c3d65cf10909ca96e3239da9e04a0f16c6ea
+size 74378
diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-no-backdrop-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-no-backdrop-element-examples-chromium-dark-linux.png
index 690ef4d9f..3d9cfedda 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-no-backdrop-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-no-backdrop-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:9374ff255e62157c52d537d72094ae4dbce683597c2f9d62ea8bbff8b8fc37ad
-size 71589
+oid sha256:2e6fd68d2db758d5fe6f17d8bdb63d81a59eb238bab6a3eda08f63d47dc3913c
+size 71504
diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-no-backdrop-element-examples-chromium-light-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-no-backdrop-element-examples-chromium-light-linux.png
index 51efafa14..0d04dd340 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-no-backdrop-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--over-mode-no-backdrop-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:d779fa489201fbe8223363633a3e1f38537b792512c18d31c3997b0167cb5d75
-size 72714
+oid sha256:12612e95857e3b91f4bfec8c8680000b30f04e7fe8eb4f4cc1bce2569406f795
+size 72708
diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--scroll-mode-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--scroll-mode-element-examples-chromium-dark-linux.png
index c41d59780..5a9ae4946 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--scroll-mode-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--scroll-mode-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:6e0a8378fadab7a57f9765ff15d3f927f8eb0be2b15bbfd12e850252d57f5830
-size 88347
+oid sha256:d21de08a8b8b80faaa36135471d28f29f71a077490812576338e8d19460fef41
+size 88085
diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--scroll-mode-element-examples-chromium-light-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--scroll-mode-element-examples-chromium-light-linux.png
index 71e206666..3090e3a20 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--scroll-mode-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel--scroll-mode-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:c9599dceb8d83694fd0932ab9501fb1d887b0a3d198c4fe981f8e7ccb5bde479
-size 89237
+oid sha256:834de013e08ad22e0522024a2c871cb1df37bae17b2ab45427881da3b80b4fd4
+size 89110
diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-dark-linux.png
index 7c190265d..a33f661b0 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:0a90207cd6cee52ba63bbdce3cee2ec6c210ed1b08c20e38831b0bec519bf038
-size 48958
+oid sha256:ba1fbabe2c266f0e16d765391458a8db635b218b77d4dbfd4bd90ceceeffc0ef
+size 49720
diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-light-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-light-linux.png
index a4b0e5086..5909e577f 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--closed-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:9699c199cc297c19f062536766ae0a5d66d26c0df221970e29afd43750f06186
-size 50638
+oid sha256:6a2bc04c97df471f4c5652b476db4e751c102f8e2ccbef07de91ba64dc685645
+size 51436
diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-dark-linux.png
index f7062a890..f0aae9a38 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:280fb942b596d72936c4de3554947f4982dbd6db41509a5dd9f18f0532813e09
-size 56564
+oid sha256:94a352c493e1c3d7987f3e48a0287ea1a40febe76f611140319ab6198ba626f5
+size 56775
diff --git a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-light-linux.png b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-light-linux.png
index 2635ab1d0..dfad6ad0e 100644
--- a/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-side-panel.spec.ts-snapshots/si-side-panel--si-side-panel-collapsible--open-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:147a9608e8561e83927790d2a6c19b4bb77f87049adc7face270d9300edf9ad6
-size 57545
+oid sha256:377e678f7a9b235d415f9dec153e49a214ce141541101e8783bc3b8ca0cfd8f9
+size 57833
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-dark-linux.png
index 95e9b148e..6b15696fe 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:2e89678b6d908f45b46385e8b7216399261d911cbce010b169c3549683254a23
-size 40624
+oid sha256:79801f7de6f839baaa4da1d8ac0b82774249fda8af181265256778934f19d571
+size 40642
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-light-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-light-linux.png
index 54468e615..2fbeb5d65 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--first-step-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:94fe13fbdeefb0838c65e9e13bd345cb06b5e4c57c857226bf83b1247337ee73
-size 42418
+oid sha256:388d80e17d736a7732924769fa08acf2e333f159bfd8430a8a6d6f736c48d7d1
+size 42491
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-dark-linux.png
index 47a4fca4b..69aa7110c 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:8fbe3eae33c0c318d0c3bfb654cfdfecbdf68e56950a39a8aa2a95f1fe1ef7be
-size 40568
+oid sha256:871c3e3a399c2039d29be4dd4b37483f4350966d7222931d5d8ea8331f93813d
+size 40453
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-light-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-light-linux.png
index 525923e93..7ec27c87c 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--last-step-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:b828e5560be052837bf43dd0966eeb90151b34c90c426063f24c695118017d2d
-size 43335
+oid sha256:193890c84f296bc7dc02608d288acc589c4100342c1a86bcd8adf80a944d43b4
+size 43235
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-dark-linux.png
index 0f596bbd0..e2f603b34 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:43cd2d0925df45eb9b364b3db4b633e935bf7594dc603017ea53f22419e293c9
-size 44280
+oid sha256:d6cd1479d342c2a74f6a3c39f69acf784c28cca6ede165d136bac62438c913a7
+size 44128
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-light-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-light-linux.png
index 7bfafc237..b0937256b 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--open-menu-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:f63480bf7daf318f7c9417641c4097e85df8924c944e0151334090dd423ac2fa
-size 46812
+oid sha256:a60bfb5829027426b2b831c84c9513f8fe45755fafd9542c67391ec37bb43cb2
+size 46901
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-dark-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-dark-linux.png
index 1cb696dd1..93296e6a7 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:67114efe695299abb145c66d351e850f309d1035970095a3788863b8796d3cb0
-size 39215
+oid sha256:cd8d59fa9037fcb16366d0dc331ecfdc09c090d419651b11e91a752d89a6d5ec
+size 39346
diff --git a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-light-linux.png b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-light-linux.png
index 1ac120faf..2052c8599 100644
--- a/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/si-tour.spec.ts-snapshots/si-tour--si-tour--second-step-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:f90d34adf488b41250abd5deacca78523b96d190821e8de7ceb947cc02493c2a
-size 41631
+oid sha256:f868d43f400cb7aa7327f807eda81f451b44832de176b0838d4d622948d336a2
+size 41758
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-api-element-examples-chromium-dark-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-api-element-examples-chromium-dark-linux.png
index 93442ca6f..bf691be62 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-api-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-api-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e5bba0c8724159776bff5e647721bba65a0493eadacee1f37820fa47aa08124f
-size 29388
+oid sha256:9f18269e6c8e391715aab538e0b072cd065ad95f3739451f237a461751bc0908
+size 29397
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-api-element-examples-chromium-light-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-api-element-examples-chromium-light-linux.png
index 3fe90cb3c..6c3aff483 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-api-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-api-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e952862f089bf26f0a8d0d5b3ce24f01b4a0d7c7f7488eb132e365dfe9b25bcf
-size 28249
+oid sha256:f87207086b43fb874d65682a589186a55c5661a1f97dd99b637e02d2100433a4
+size 28202
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-text-api-element-examples-chromium-dark-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-text-api-element-examples-chromium-dark-linux.png
index eb3376b49..a08a9ab50 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-text-api-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-text-api-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:6a8e0878f2e29e90ad6ac601d9f07672e55505d92e4617e5944541d11721f18d
-size 78252
+oid sha256:e80851960234b893a5692fac53cfcbcc907fb057ff0008fe07fa0974a41e786c
+size 78097
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-text-api-element-examples-chromium-light-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-text-api-element-examples-chromium-light-linux.png
index 007ecd457..8a4e76860 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-text-api-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-about--si-about-text-api-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:f09a069f199cc1e971764a0bbc0196149b9c7f078d9931a81e4bf51b310258e6
-size 72964
+oid sha256:12951c541c5b3a9dd3880c42c1ad4daceaa58dd77e78bdedfc5b2cc8921b9a89
+size 72775
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-base-1-element-examples-chromium-dark-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-base-1-element-examples-chromium-dark-linux.png
index 631c3e01b..f7878a62a 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-base-1-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-base-1-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:6eb015c056f1f2f7a3b17700a3d1cddc1b97b6fa4872e4ac513bddba8bde542a
+oid sha256:c7c4b7ee25b863d75ea0f59a72bfe309a2563ca4d55839a126b8266471f07590
size 14199
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-base-1-element-examples-chromium-light-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-base-1-element-examples-chromium-light-linux.png
index 2d95e20eb..78345ef65 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-base-1-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-base-1-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:0753e9baff4102bc1d8c8271df9e671dc274fb3b19e0eef42eed7619a33b8104
-size 13668
+oid sha256:188ab5b43072f61243f09e9be88fe8767451d37c3070c51fde1e6f797dc80cea
+size 13670
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-element-examples-chromium-dark-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-element-examples-chromium-dark-linux.png
index 57b401932..8aeeb6ef9 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:8b0e6b010d3bfaccb7997f530674fbf26eb4f4023632ff555c4462aab33ffc6e
+oid sha256:1e90bc7318f674c4ea8d7846c249206c5ecf548a9fd77b4956f4c2797897ef2b
size 14429
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-element-examples-chromium-light-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-element-examples-chromium-light-linux.png
index 397e2874d..87f8308c2 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-accordion-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:f5b5244ec0f0b30cb72945d9f80f09165e13c74a32aa80341a195f2c30c433cd
-size 13904
+oid sha256:2c3bbb2577ac6d68c5a052b93c82d91d5d780b56198a21460fb718ed418c2e23
+size 13906
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-element-examples-chromium-dark-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-element-examples-chromium-dark-linux.png
index b3212ec20..dea6d37bd 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:93cc215f0be52b5ef71d867320522b07e97c1aca01dca0994aab4934729f8637
-size 11967
+oid sha256:e20fd15b4d58d97a0f522ae5a4c7ac0258e4f696078c55765f0f6fdfbc898e4d
+size 11968
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-element-examples-chromium-light-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-element-examples-chromium-light-linux.png
index 3fc755b3f..6489d868f 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:b8ee0b571e380a9da2d7b6c1970a1f45b5ed7af8e05c1aa37e88c121f2d8f0af
-size 11733
+oid sha256:fb7f35173d870d885645b4642d4a442a494cefa4f26a9938585b544b43c6a521
+size 11732
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-dark-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-dark-linux.png
index f4f1ad911..ebe74a088 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:834310cf192df082d23f93978566dedd89ef644a587627ab8718bfc5bb03b5ae
-size 17490
+oid sha256:38577906eeabae43ab6abbd41a9ede98b4e22fdf9b81f412ffa73d39eb5ba232
+size 18239
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-light-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-light-linux.png
index 20d1c6332..64df0dcab 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-accordion--si-collapsible-panel-icons-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:711ff644e4ffb29172a6f426f2da1608b8170b29eadf1a640798f4a85e93c29f
-size 16891
+oid sha256:2376ff4ff48e7ba2e0e18572570c958fab3380630e960b014a861847d3919cf0
+size 17588
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-dark-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-dark-linux.png
index d0afdf014..3bf54e9c5 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-dark-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-dark-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:aff365e7a9f91b10d3d17266a78cc5c7af4e947d4442434e3048691325a94aa5
-size 53848
+oid sha256:2570112123fe114b879f7238c74e661e12350ea0c0288db54cd72b91fac54649
+size 54130
diff --git a/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-light-linux.png b/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-light-linux.png
index 0863753ef..7324ad347 100644
--- a/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-light-linux.png
+++ b/playwright/snapshots/static.spec.ts-snapshots/si-electron-titlebar--si-fixed-height-layout-side-panel-element-examples-chromium-light-linux.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:e3701033b169adf23320444c1da63c42affbef8e4ca13d86890d99cf2a082ed7
-size 51041
+oid sha256:1812148dafd6bb6f494dca8e8ea28a02577caa85f4bb173297426d9643116a43
+size 51364
diff --git a/projects/element-ng/accordion/si-collapsible-panel.component.html b/projects/element-ng/accordion/si-collapsible-panel.component.html
index 72a13745d..d29475cfa 100644
--- a/projects/element-ng/accordion/si-collapsible-panel.component.html
+++ b/projects/element-ng/accordion/si-collapsible-panel.component.html
@@ -7,6 +7,7 @@
[id]="headerId"
[class.open]="opened()"
[class.disabled]="disabled()"
+ [class.mb-4]="hcollapsed()"
[attr.aria-expanded]="opened() && !hcollapsed()"
[attr.aria-disabled]="disabled()"
[attr.aria-controls]="controlId"
@@ -16,7 +17,11 @@
>
@let headerIcon = icon();
@if (headerIcon) {
-
+
}
@if (icon() && badge() !== undefined && badge() !== '') {
diff --git a/projects/element-ng/accordion/si-collapsible-panel.component.scss b/projects/element-ng/accordion/si-collapsible-panel.component.scss
index 020eda03a..bf041b4b4 100644
--- a/projects/element-ng/accordion/si-collapsible-panel.component.scss
+++ b/projects/element-ng/accordion/si-collapsible-panel.component.scss
@@ -50,6 +50,7 @@
.collapsible-header {
display: flex;
align-items: center;
+ min-block-size: 48px;
background: variables.$element-base-1;
color: variables.$element-text-primary;
padding-block: map.get(variables.$spacers, 5);
diff --git a/projects/element-ng/side-panel/si-side-panel-content.component.html b/projects/element-ng/side-panel/si-side-panel-content.component.html
index a96326285..a23497976 100644
--- a/projects/element-ng/side-panel/si-side-panel-content.component.html
+++ b/projects/element-ng/side-panel/si-side-panel-content.component.html
@@ -103,9 +103,9 @@
[isDisabled]="!isCollapsed()"
[siLink]="dp"
>
-
+
@if (dp.overlayIcon) {
-
+
}
{{ dp.title | translate }}
diff --git a/projects/element-ng/side-panel/si-side-panel-content.component.scss b/projects/element-ng/side-panel/si-side-panel-content.component.scss
index 3c986da81..927581821 100644
--- a/projects/element-ng/side-panel/si-side-panel-content.component.scss
+++ b/projects/element-ng/side-panel/si-side-panel-content.component.scss
@@ -36,7 +36,7 @@
.rpanel-content {
flex: 0 0 auto;
- margin-block-start: map.get(all-variables.$spacers, 4);
+ margin-block-start: map.get(all-variables.$spacers, 5);
}
.rpanel-statusactions {