diff --git a/src/layouts/vehicle-parts/part-question/part-question.vue b/src/layouts/vehicle-parts/part-question/part-question.vue
index 021410034..c13298af2 100644
--- a/src/layouts/vehicle-parts/part-question/part-question.vue
+++ b/src/layouts/vehicle-parts/part-question/part-question.vue
@@ -1,12 +1,13 @@
 <template>
 <p>Select your current {{ colorQuestionText }} color:</p>
-<div aria-labelledby="test" role="radiogroup">
-    <div v-for="(value, name, index) in featureListData" :key="name">
-        <listCard isRadio :buttonImage="require(`@/assets/img/tints/${getTintImage(glassName, name)}`)" :buttonLabel="name" altText="" :buttonID="`${name-index}`" />
 
-        <buttonQuestion buttonType="radio" class="radioQuestion" questionText="ok now select your features" :answers="value" textPosition="text-start" :loaderEnabled=false isRequired=true :groupName="name" />
-    </div>
+<div v-for="(value, name, index) in featureListData" :key="index">
+    <listCard isRadio isWide :buttonImage="require(`@/assets/img/tints/${getTintImage(glassName, name)}`)" :buttonLabel="name" altText="" :buttonID="`${name}-${index}`" groupName="test" />
+
+    <buttonQuestion v-model="inputParams['question'+index]" buttonType="radio" class="radioQuestion" questionText="ok now select your features" :answers="value" textPosition="text-start" :loaderEnabled=false isRequired=true  :groupName="name" />
+
 </div>
+
 </template>
 
 <script>
@@ -23,6 +24,7 @@ export default {
         return {
             glassColorQuestion: String,
             glassFeatureQuestion: String,
+            inputParams: []
         };
     },
     props: {