diff --git a/src/app/components/family-connect/family-connect.component.html b/src/app/components/family-connect/family-connect.component.html
index 4ee7f54..27f9f56 100644
--- a/src/app/components/family-connect/family-connect.component.html
+++ b/src/app/components/family-connect/family-connect.component.html
@@ -15,8 +15,7 @@
     <div class="bg_white connect-card"  (click)="startfamilyConnect()">
       <div class="list">
         <ion-avatar aria-hidden="true" slot="start">
-                      <img alt="" src="https://ionicframework.com/docs/img/demos/avatar.svg" />
-
+            <img alt="" src="https://www.wrenchboard.com/assets/images/apps/banners/kids/family-circular.png" />
         </ion-avatar>
         <div class="detail">
           <ion-label class="name">Family Connect</ion-label>
diff --git a/src/app/components/generative-activity/generative-activity.component.html b/src/app/components/generative-activity/generative-activity.component.html
index c2d122a..75bd7fc 100644
--- a/src/app/components/generative-activity/generative-activity.component.html
+++ b/src/app/components/generative-activity/generative-activity.component.html
@@ -27,18 +27,26 @@
 
 <ion-card  class="bg_white connect-card" *ngIf="cardLevel==200" >
     <ion-card-header>
-        <ion-card-subtitle>Math Quiz - 1</ion-card-subtitle>
+        <div style="display: flex">
+            <div style="text-align: left; width: 50%; font-weight: bolder;">Math Quiz - 1 </div>
+            <div style="text-align: right; width: 50%;">
+                <ion-button fill="clear" size="small" (click)="resetQuestion()" >
+                    <ion-icon slot="icon-only" color="danger"  name="close-circle-outline"></ion-icon>
+                </ion-button>
+            </div>
+        </div>
+<!--        <ion-card-subtitle>Math Quiz - 1</ion-card-subtitle>-->
     </ion-card-header>
 
     <ion-card-content>
-        <div class="select_box" style="padding: 5px;">
+        <div class="select_box" style="padding: 10px; border-radius: 10px;">
             <div style="font-weight: bolder; margin: 10px 0px 5px 0px">Question.</div>
 <!--            <div> {{myNextQuestion.question}}</div>-->
             <div style="color: #1295d3; padding-left: 10px;" [innerHTML]="myNextQuestion.question"></div>
             <div style="font-weight: bolder; margin: 10px 0px 5px 0px">Answer</div>
             <ion-list style="font-size: 10px;">
                 <ion-radio-group  [(ngModel)]="selected_ans" (ionChange)="checkAnsVAl()">
-                    <ion-item  *ngFor="let item of myNextQuestion.option; let i = index">
+                    <ion-item   lines="none"  *ngFor="let item of myNextQuestion.option; let i = index">
                         <ion-label>{{item}} </ion-label>
                         <ion-radio slot="start" value="{{item}}"></ion-radio>
                     </ion-item>
@@ -47,9 +55,9 @@
         </div>
         <div style="width: 100%; text-align: right; margin-top: 10px; display: flex; ">
             <div style="width: 15%; text-align: left;">
-                <ion-button fill="clear" size="small" (click)="resetQuestion()" >
-                    <ion-icon slot="icon-only" color="danger"  name="close-circle-outline"></ion-icon>
-                </ion-button>
+<!--                <ion-button fill="clear" size="small" (click)="resetQuestion()" >-->
+<!--                    <ion-icon slot="icon-only" color="danger"  name="close-circle-outline"></ion-icon>-->
+<!--                </ion-button>-->
             </div>
             <div style="width: 40%; text-align: right;">
                 {{result_text}}