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}