diff --git a/src/app/components/familiy-dash/familiy-dash.component.html b/src/app/components/familiy-dash/familiy-dash.component.html
index 73d2c3d..ed5a21b 100644
--- a/src/app/components/familiy-dash/familiy-dash.component.html
+++ b/src/app/components/familiy-dash/familiy-dash.component.html
@@ -2,6 +2,7 @@
   <app-fastreward  *ngIf="family_action=='FAMILY_ACTION_SEND_REWARD';"></app-fastreward>
   <app-familiy-nokids *ngIf="family_action=='FAMILY_ACTION_NO_KIDS';"></app-familiy-nokids>
   <app-familiy-notask  *ngIf="family_action=='FAMILY_ACTION_NO_TASKS';"></app-familiy-notask>
+<!--  <app-familiy-notask ></app-familiy-notask>-->
   <app-familiy-addfamily  *ngIf="family_action=='FAMILY_ACTION_ADD_FAMILY';"></app-familiy-addfamily>
   <app-familiy-allowancen  *ngIf="family_action=='FAMILY_ACTION_SETUP_ALLOWANCE';"></app-familiy-allowancen>
 </div>
diff --git a/src/app/components/familiy-dash/familiy-dash.component.ts b/src/app/components/familiy-dash/familiy-dash.component.ts
index 0262b15..0aee814 100644
--- a/src/app/components/familiy-dash/familiy-dash.component.ts
+++ b/src/app/components/familiy-dash/familiy-dash.component.ts
@@ -37,8 +37,8 @@ export class FamiliyDashComponent implements OnInit {
     });
 
     addEventListener('app_familiy_notask_action', () => {
-      this.pageItem.family_action = "";
-      this.router.navigate(['family'],{state: {page_name: 0, family_action: ''}});
+     // this.pageItem.family_action = "FAMILY_ACTION_NO_TASKS";
+      this.router.navigate(['family'],{state: {page_name: 0, family_action: 'FAMILY_ACTION_NO_TASKS'}});
     });
 
     addEventListener('app_familiy_addfamily_action', () => {
diff --git a/src/app/components/familycards/familiy-notask/familiy-notask.component.html b/src/app/components/familycards/familiy-notask/familiy-notask.component.html
index 389b464..85f9944 100644
--- a/src/app/components/familycards/familiy-notask/familiy-notask.component.html
+++ b/src/app/components/familycards/familiy-notask/familiy-notask.component.html
@@ -1,14 +1,31 @@
-<ion-card (click)="cardAction()">
-  <!--        <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />-->
-  <ion-card-header>
-    <ion-card-title><span style="font-weight: bolder; color: #1880b0;">No Tasks</span></ion-card-title>
-    <ion-card-subtitle><hr class="kid-line" /></ion-card-subtitle>
-  </ion-card-header>
-  <ion-card-content class="f-item">
-    <ion-item lines="none" style="background-color: lightyellow; font-weight: bold;">
-      .
-      <ion-icon name="arrow-forward-circle-outline" slot="end"></ion-icon>
-    </ion-item>
-  </ion-card-content>
-  <!--        <ion-button fill="clear">Action 1</ion-button>-->
-</ion-card>
\ No newline at end of file
+<!--<ion-card (click)="cardAction()">-->
+<!--  &lt;!&ndash;        <img alt="Silhouette of mountains" src="https://ionicframework.com/docs/img/demos/card-media.png" />&ndash;&gt;-->
+<!--  <ion-card-header>-->
+<!--    <ion-card-title><span style="font-weight: bolder; color: #1880b0;">No Tasks</span></ion-card-title>-->
+<!--    <ion-card-subtitle><hr class="kid-line" /></ion-card-subtitle>-->
+<!--  </ion-card-header>-->
+<!--  <ion-card-content class="f-item">-->
+<!--    <ion-item lines="none" style="background-color: lightyellow; font-weight: bold;">-->
+<!--      .-->
+<!--      <ion-icon name="arrow-forward-circle-outline" slot="end"></ion-icon>-->
+<!--    </ion-item>-->
+<!--  </ion-card-content>-->
+<!--  &lt;!&ndash;        <ion-button fill="clear">Action 1</ion-button>&ndash;&gt;-->
+<!--</ion-card>-->
+<ion-grid class="task-rover" (click)="cardAction()">
+  <ion-row>
+    <ion-col></ion-col>
+    <ion-col></ion-col>
+    <ion-col style="padding-top: 150px;">
+      <ion-button (click)="cardAction()">Assign Task</ion-button>
+    </ion-col>
+  </ion-row>
+</ion-grid>
+
+<!--<ion-card (click)="cardAction()">-->
+<!--  <img alt="Assign Task" src="https://www.wrenchboard.com/assets/images/apps/family-assign-task.jpg" />-->
+<!--  <div>-->
+<!--    <div>Assign Task</div>-->
+<!--  </div>-->
+
+<!--</ion-card>-->
diff --git a/src/app/components/familycards/familiy-notask/familiy-notask.component.scss b/src/app/components/familycards/familiy-notask/familiy-notask.component.scss
index 2425237..ab55dce 100644
--- a/src/app/components/familycards/familiy-notask/familiy-notask.component.scss
+++ b/src/app/components/familycards/familiy-notask/familiy-notask.component.scss
@@ -1,4 +1,22 @@
-ion-card{
+ion-card {
+  margin: 20px 0px 0px 0px;
+  background-color: #186875;
+  color: white;
+  ion-card-title{
+    color: white;
+  }
+}
+.task-rover{
+  background-image: url("https://www.wrenchboard.com/assets/images/apps/family-assign-task.jpg");
+  background-size: contain;
+  background-repeat: no-repeat;
+  //background-color: #186875;
+  min-height: 350px;
+  border-radius: 20px;
+  color:white;
+}
+
+ion-card44{
   margin:20px 0px 0px 0px;
   height: 150px;
   padding: 0px;