From 746006da4b9da498a9b39d52aca32b7edcf53435 Mon Sep 17 00:00:00 2001
From: Mohamed Mokhtari <mohamed.mokhtari.pro@gmail.com>
Date: Wed, 15 Mar 2023 11:22:21 +0100
Subject: [PATCH] fix(styles): add background-size to ensure the display of
 icons (#1394)

---
 packages/styles/components/_c.file-uploader.scss | 1 +
 packages/styles/components/_c.notification.scss  | 1 +
 packages/styles/components/_c.toggle.scss        | 2 ++
 3 files changed, 4 insertions(+)

diff --git a/packages/styles/components/_c.file-uploader.scss b/packages/styles/components/_c.file-uploader.scss
index 0baeba223..e04d64824 100644
--- a/packages/styles/components/_c.file-uploader.scss
+++ b/packages/styles/components/_c.file-uploader.scss
@@ -158,6 +158,7 @@
       background:
         transparent
         url(inline-icons("delete-24", $color-fileuploader-font)) no-repeat;
+      background-size: $mu150;
       display: block;
     }
 
diff --git a/packages/styles/components/_c.notification.scss b/packages/styles/components/_c.notification.scss
index 6be98549f..1e8a0f69f 100644
--- a/packages/styles/components/_c.notification.scss
+++ b/packages/styles/components/_c.notification.scss
@@ -103,6 +103,7 @@
 
       background: transparent
         url(inline-icons('cross-16', $notification-close-icon-color)) no-repeat;
+      background-size: $mu100;
       border: 0;
       cursor: pointer;
       display: block;
diff --git a/packages/styles/components/_c.toggle.scss b/packages/styles/components/_c.toggle.scss
index 4788e3ebe..deff8c9e5 100644
--- a/packages/styles/components/_c.toggle.scss
+++ b/packages/styles/components/_c.toggle.scss
@@ -73,6 +73,7 @@
       background: $color-toggle-off-circle
         url(inline-icons("control-cross-16", $color-toggle-off-background))
         no-repeat center;
+      background-size: $mu100;
       border: solid get-border("l") $color-toggle-off-background;
       will-change: transform;
       transition: transform 100ms ease, border-color 100ms ease;
@@ -103,6 +104,7 @@
           "notification-available-16",
           $color-toggle-disabled-checked-background
         ));
+        background-size: $mu100;
         cursor: not-allowed;
       }
     }