From 8b1f41b0cd784f8574e6a901bcbcea0fb5540518 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Thu, 3 Feb 2022 01:18:40 -0800
Subject: [PATCH] Resolve naming conflict with ToggleSwitch style

---
 components/PartySegmentedControl/index.scss | 4 ++--
 components/PartySegmentedControl/index.tsx  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/PartySegmentedControl/index.scss b/components/PartySegmentedControl/index.scss
index 182dee32..96b9f789 100644
--- a/components/PartySegmentedControl/index.scss
+++ b/components/PartySegmentedControl/index.scss
@@ -7,10 +7,10 @@
     position: relative;
 }
 
-.Extra {
+.ExtraSwitch {
     color: #888;
     display: flex;
-    font-weight: 500;
+    font-weight: $normal;
     gap: 8px;
     line-height: 34px;
     height: 100%;
diff --git a/components/PartySegmentedControl/index.tsx b/components/PartySegmentedControl/index.tsx
index 898685ae..3f0698b7 100644
--- a/components/PartySegmentedControl/index.tsx
+++ b/components/PartySegmentedControl/index.tsx
@@ -23,10 +23,10 @@ interface Props {
 
 const PartySegmentedControl = (props: Props) => {
     const extraToggle =
-        <div className="Extra">
+        <div className="ExtraSwitch">
             Extra
             <ToggleSwitch 
-                name="Extra" 
+                name="ExtraSwitch" 
                 editable={props.editable}
                 checked={props.extra}
                 onChange={props.onCheckboxChange}