Remove preview when on mobile sizes

components/common/SegmentedControl/index.scss

@@ -1,6 +1,10 @@
 .SegmentedControlWrapper {
   display: flex;
   justify-content: center;
+
+  @include breakpoint(phone) {
+    width: 100%;
+  }
 }
 
 .SegmentedControl {
@@ -14,6 +18,7 @@
 
   @include breakpoint(phone) {
     background: var(--card-bg);
+    border-radius: 100px;
   }
 
   &.fire {

components/party/PartySegmentedControl/index.scss

@@ -22,6 +22,10 @@
       width: 100%;
   }
 
+  @include breakpoint(phone) {
+    padding: 0;
+  }
+
   .SegmentedControl {
     gap: $unit;
     flex-grow: 1;

components/reps/RepSegment/index.scss

@@ -45,6 +45,11 @@
       background: #fff;
     }
 
+    @include breakpoint(phone) {
+      border-radius: 100px;
+      padding-bottom: $unit;
+    }
+
     .Wrapper {
       display: flex;
       flex-direction: column;
@@ -60,5 +65,9 @@
   @include breakpoint(phone) {
     min-width: initial;
     width: 100%;
+
+    .Rep {
+      display: none;
+    }
   }
 }