From 6387c27764ae6f58e1c1edabd11960911040ae1a Mon Sep 17 00:00:00 2001
From: Patricio Albizu <albizupatricio@github.com>
Date: Fri, 26 Feb 2021 21:22:29 -0300
Subject: [PATCH 1/2] fix: defenseAISettingsMockAlignment

---
 .../toggle-switch.component.scss              | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/projects/components/src/toggle-switch/toggle-switch.component.scss b/projects/components/src/toggle-switch/toggle-switch.component.scss
index f26f307d4..79c151fd4 100644
--- a/projects/components/src/toggle-switch/toggle-switch.component.scss
+++ b/projects/components/src/toggle-switch/toggle-switch.component.scss
@@ -3,8 +3,14 @@
 
 :host {
   ::ng-deep {
+    .mat-slide-toggle {
+      height: 20px;
+      line-height: 20px;
+    }
+
     .mat-checked {
       .mat-slide-toggle-thumb-container {
+        transform: translate3d(10px, 0, 0) !important;
         margin-left: 1px;
       }
 
@@ -19,14 +25,27 @@
 
     .mat-slide-toggle-thumb-container {
       margin-left: -1px;
+      width: 12px;
+      height: 12px;
+
+      .mat-slide-toggle-ripple {
+        top: calc(50% - 10px);
+        left: calc(50% - 10px);
+        height: 20px;
+        width: 20px;
+      }
     }
 
     .mat-slide-toggle-thumb {
       background-color: $gray-2;
+      height: 12px;
+      width: 12px;
     }
 
     .mat-slide-toggle-bar {
       background-color: $gray-5;
+      width: 20px;
+      height: 6px;
     }
   }
 }

From d6b7ddb9f6070024a19802d77f3de299969601e9 Mon Sep 17 00:00:00 2001
From: Patricio Albizu <albizupatricio@github.com>
Date: Mon, 1 Mar 2021 14:15:51 -0300
Subject: [PATCH 2/2] fix: toggleButtonRestyling

---
 .../src/toggle-switch/toggle-switch.component.scss        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/projects/components/src/toggle-switch/toggle-switch.component.scss b/projects/components/src/toggle-switch/toggle-switch.component.scss
index 79c151fd4..f37dc1c12 100644
--- a/projects/components/src/toggle-switch/toggle-switch.component.scss
+++ b/projects/components/src/toggle-switch/toggle-switch.component.scss
@@ -10,7 +10,7 @@
 
     .mat-checked {
       .mat-slide-toggle-thumb-container {
-        transform: translate3d(10px, 0, 0) !important;
+        transform: translate3d(7px, 0, 0) !important;
         margin-left: 1px;
       }
 
@@ -29,8 +29,8 @@
       height: 12px;
 
       .mat-slide-toggle-ripple {
-        top: calc(50% - 10px);
-        left: calc(50% - 10px);
+        top: calc(50% - 7px);
+        left: calc(50% - 7px);
         height: 20px;
         width: 20px;
       }
@@ -44,7 +44,7 @@
 
     .mat-slide-toggle-bar {
       background-color: $gray-5;
-      width: 20px;
+      width: 18px;
       height: 6px;
     }
   }