Match figma style

src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="row">
-      <p class="mb-0">{{ colorQuestionText }}</p>
+      <p class="mb-0 color-question-text">{{ colorQuestionText }}</p>
     </div>
   </div>
 
@@ -168,23 +168,25 @@ export default {
     // Check if only a single part is present for the tint and set the v-model if it is.
     AutoSelectIfSinglePart() {
       // Check if the selected tint only has a single feature
-      Object.keys(this.PartDataFromApi.partsOrQuestions ?? {}).forEach((key) => {
-        const currentGlassSelection =
-          this.PartDataFromApi.partsOrQuestions[key];
+      Object.keys(this.PartDataFromApi.partsOrQuestions ?? {}).forEach(
+        (key) => {
+          const currentGlassSelection =
+            this.PartDataFromApi.partsOrQuestions[key];
 
-        if (
-          currentGlassSelection.glassName === this.glassName &&
-          currentGlassSelection.glassLocation === this.glassLocation
-        ) {
-          if (currentGlassSelection.parts.length === 1) {
-            this.selectedPart = {
-              [currentGlassSelection.glassLocation]: [
-                currentGlassSelection.parts[0].partNumber,
-              ],
-            };
+          if (
+            currentGlassSelection.glassName === this.glassName &&
+            currentGlassSelection.glassLocation === this.glassLocation
+          ) {
+            if (currentGlassSelection.parts.length === 1) {
+              this.selectedPart = {
+                [currentGlassSelection.glassLocation]: [
+                  currentGlassSelection.parts[0].partNumber,
+                ],
+              };
+            }
           }
         }
-      });
+      );
     },
 
     // Loads the preselected values from the store.
@@ -227,4 +229,9 @@ export default {
     font-size: 0.875rem;
   }
 }
+
+.color-question-text {
+  color: $black;
+  font-weight: $font-weight-bold;
+}
 </style>