From 43a6e07421e59702f7651ebad65319ddbb7b1318 Mon Sep 17 00:00:00 2001
From: Daniel Cho <chosww@gmail.com>
Date: Fri, 17 Dec 2021 14:12:06 -0500
Subject: [PATCH] C2LC-563: Fix hover style issue for toggle switches

---
 src/AudioFeedbackToggleSwitch.scss | 1 -
 src/PenDownToggleSwitch.scss       | 1 -
 src/ProgramBlockEditor.scss        | 1 -
 src/ToggleSwitch.scss              | 2 +-
 4 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/AudioFeedbackToggleSwitch.scss b/src/AudioFeedbackToggleSwitch.scss
index 283ec8a5..c3bf026d 100644
--- a/src/AudioFeedbackToggleSwitch.scss
+++ b/src/AudioFeedbackToggleSwitch.scss
@@ -1,7 +1,6 @@
 @import 'variables';
 
 .AudioFeedbackToggleSwitch {
-    background-color: #B9BEC6;
     max-height: 2.6rem;
     width: 4.5rem;
 
diff --git a/src/PenDownToggleSwitch.scss b/src/PenDownToggleSwitch.scss
index 624e6a53..5419ad4f 100644
--- a/src/PenDownToggleSwitch.scss
+++ b/src/PenDownToggleSwitch.scss
@@ -1,7 +1,6 @@
 @import 'variables';
 
 .PenDownToggleSwitch {
-    background-color: #B9BEC6;
     .ToggleSwitch__switch-inner-circle {
         background-color: white;
         svg {
diff --git a/src/ProgramBlockEditor.scss b/src/ProgramBlockEditor.scss
index 6a8ab442..fd4b2332 100644
--- a/src/ProgramBlockEditor.scss
+++ b/src/ProgramBlockEditor.scss
@@ -48,7 +48,6 @@
     float: left;
 
     &.ToggleSwitch {
-        background-color: #B9BEC6;
         .ToggleSwitch__switch-inner-circle {
             background-color: white;
             svg {
diff --git a/src/ToggleSwitch.scss b/src/ToggleSwitch.scss
index 4ddef78c..888c927a 100644
--- a/src/ToggleSwitch.scss
+++ b/src/ToggleSwitch.scss
@@ -3,7 +3,7 @@
 .ToggleSwitch {
     width: 4.3rem;
     max-height: 2.5rem;
-    background: #c4c4c4;
+    background-color: #B9BEC6;
     border-radius: 1.2rem;
     padding: 0.3rem;
     display: inline-block;