From 711498fb9cb5d2d7890a859d885955b6a73da569 Mon Sep 17 00:00:00 2001
From: leagrdv <lea.gardavaud@post.ch>
Date: Tue, 17 Dec 2024 15:29:33 +0100
Subject: [PATCH] update icons bg from PR review comments

---
 .../src/stories/foundations/icons/icon.stories.ts      | 10 +++-------
 .../src/stories/foundations/icons/icon.styles.scss     |  2 +-
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/packages/documentation/src/stories/foundations/icons/icon.stories.ts b/packages/documentation/src/stories/foundations/icons/icon.stories.ts
index cc68a63721..6e4f636648 100644
--- a/packages/documentation/src/stories/foundations/icons/icon.stories.ts
+++ b/packages/documentation/src/stories/foundations/icons/icon.stories.ts
@@ -141,7 +141,7 @@ export const Size: Story = {
 const styleVariants = [
   { class: 'border rounded p-16', style: 'font-size: 4rem' },
   { class: 'border border-success rounded p-16 text-success', style: 'font-size: 4rem' },
-  { class: 'my-icon rounded-circle p-16', style: 'font-size: 4rem' },
+  { class: 'rounded-circle p-16', style: 'font-size: 4rem; background-color: #cce4ee' },
 ];
 
 export const Style: Story = {
@@ -177,11 +177,7 @@ export const Flip: Story = {
   ],
 };
 
-const scaleVariants = [
-  { class: 'my-icon', scale: 0.5 },
-  { class: 'my-icon' },
-  { class: 'my-icon', scale: 1.5 },
-];
+const scaleVariants = [{ scale: 0.5 }, {}, { scale: 1.5 }];
 
 export const Scale: Story = {
   parameters: {
@@ -192,7 +188,7 @@ export const Scale: Story = {
   render: args => renderVariants(args, scaleVariants),
   decorators: [
     (story: StoryFn, context: StoryContext) =>
-      generateDecorators(story, context, 'd-flex flex-wrap gap-24'),
+      generateDecorators(story, context, 'd-flex flex-wrap gap-24 scale-container'),
   ],
 };
 
diff --git a/packages/documentation/src/stories/foundations/icons/icon.styles.scss b/packages/documentation/src/stories/foundations/icons/icon.styles.scss
index dab09716d8..de679b582d 100644
--- a/packages/documentation/src/stories/foundations/icons/icon.styles.scss
+++ b/packages/documentation/src/stories/foundations/icons/icon.styles.scss
@@ -1,5 +1,5 @@
 @use '@swisspost/design-system-styles/core' as post;
 
-.my-icon {
+.scale-container post-icon {
   background-color: post.$info;
 }