From 08651a11f87e13396222b280a36da63372d49718 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20D=C3=A9ramond?= <julien.deramond@orange.com>
Date: Mon, 14 Nov 2022 08:14:51 +0100
Subject: [PATCH 1/2] fix(forms): switch rendering on some platforms

---
 scss/forms/_form-check.scss | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss
index 001a8f7443..641d7c5d9b 100644
--- a/scss/forms/_form-check.scss
+++ b/scss/forms/_form-check.scss
@@ -147,6 +147,7 @@
 .form-switch {
   // Boosted mod
   --#{$boosted-prefix}switch-gradient: #{linear-gradient(to right, $black $form-switch-bg-square-size, transparent)};
+
   min-height: $form-switch-width * .5;
   padding-left: $form-switch-padding-start;
 
@@ -158,7 +159,7 @@
     background-image: $form-switch-bg-image, var(--#{$boosted-prefix}switch-gradient);
     filter: $invert-filter; // Boosted mod
     background-position: $form-switch-bg-position, 0 0;
-    background-size: $form-switch-bg-size, $form-switch-bg-square-size; // Get a 1px separation
+    background-size: $form-switch-bg-size, $form-switch-bg-square-size 100%;
     border-color: $white; // Boosted mod
     outline-color: $white; // Boosted mod
     outline-offset: $spacer; // Boosted mod
@@ -173,11 +174,11 @@
       @if $enable-gradients {
         background-image: $form-switch-checked-bg-image, var(--#{$prefix}gradient), var(--#{$boosted-prefix}switch-gradient);
         background-position: $form-switch-checked-bg-position, 100%, 100% 0;
-        background-size: $form-switch-checked-bg-size, auto, $form-switch-bg-square-size;
+        background-size: $form-switch-checked-bg-size, auto, $form-switch-bg-square-size 100%;
       } @else {
         background-image: $form-switch-checked-bg-image, var(--#{$boosted-prefix}switch-gradient);
         background-position: $form-switch-checked-bg-position, 100% 0;
-        background-size: $form-switch-checked-bg-size, $form-switch-bg-square-size;
+        background-size: $form-switch-checked-bg-size, $form-switch-bg-square-size 100%;
       }
 
       &:active,

From 2b97c273b63a02fdb6bdbe7a2adad2e09188d34e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julien=20D=C3=A9ramond?= <julien.deramond@orange.com>
Date: Mon, 14 Nov 2022 08:16:04 +0100
Subject: [PATCH 2/2] .

---
 scss/forms/_form-check.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/scss/forms/_form-check.scss b/scss/forms/_form-check.scss
index 641d7c5d9b..ed59fc7b68 100644
--- a/scss/forms/_form-check.scss
+++ b/scss/forms/_form-check.scss
@@ -159,7 +159,7 @@
     background-image: $form-switch-bg-image, var(--#{$boosted-prefix}switch-gradient);
     filter: $invert-filter; // Boosted mod
     background-position: $form-switch-bg-position, 0 0;
-    background-size: $form-switch-bg-size, $form-switch-bg-square-size 100%;
+    background-size: $form-switch-bg-size, $form-switch-bg-square-size 100%; // Get a 1px separation
     border-color: $white; // Boosted mod
     outline-color: $white; // Boosted mod
     outline-offset: $spacer; // Boosted mod