:art: scoping down the sass correctly in pairsview

frontend/src/views/PairsView.vue

@@ -85,20 +85,19 @@ export default {
         &.w-tabs__bar-item--active
         &.primary
             color: #F2CD5C
-.select--matches
-    display: flex
-    justify-content: space-between
-    margin: 0 25px
+    .select--matches
+        display: flex
+        justify-content: space-between
+        margin: 0 25px
+        > div
+            width: 100%
+            text-align: center
+            font-size: 16px
+            line-height: 40px
+    .active
+        border-bottom: 3px solid #f2cd5c
+        color: #f2cd5c
 
-.select--matches > div
-    width: 100%
-    text-align: center
-    font-size: 16px
-    line-height: 40px
-.active
-    border-bottom: 3px solid #f2cd5c
-    color: #f2cd5c
-
-.idle
-    color: #bcc5d3
+    .idle
+        color: #bcc5d3
 </style>