diff --git a/src/app/pages/suggest/suggest.page.html b/src/app/pages/suggest/suggest.page.html
index 78717de..c1bc192 100644
--- a/src/app/pages/suggest/suggest.page.html
+++ b/src/app/pages/suggest/suggest.page.html
@@ -43,11 +43,12 @@
               <ion-row>
                   <ion-col size="6" size-md="4" size-lg="2"  *ngFor="let item of sampleSuggestData; let i = index" (click)="suggestDetails(item)" >
                       <ion-card>
-                          <img alt="{{item.post_title}}" src="https://www.wrenchboard.com/assets/images/apps/family/{{item.banner}}" />
-                          <ion-card-content class="blog_text">
-
-                              <div class="flex">
-                                  <ion-label class="bold_text_suggest"> {{item.title}}</ion-label>
+                          <div style="padding: 5px;">
+                              <img alt="{{item.post_title}}" src="https://www.wrenchboard.com/assets/images/apps/family/{{item.banner}}" />
+                          </div>
+                          <ion-card-content class="blog_text" style="background-color: aliceblue;">
+                              <div class="flex" >
+                                  <ion-label class="bold_text_suggest"><div style="font-weight: bolder">{{item.title}} </div> </ion-label>
                                   <ion-icon slot="end" name="caret-forward-circle-outline" color="secondary"></ion-icon>
                               </div>
                           </ion-card-content>
@@ -82,13 +83,13 @@
             <ion-content class="ion-padding">
 
                 <ion-card>
-                    <div class="sug_img">
+                    <div class="sug_img" style="text-align: center;">
                         <img class="back_image_sug" alt="{{modalSeleted.title}}" src="https://www.wrenchboard.com/assets/images/apps/family/{{modalSeleted.banner}}" />
                     </div>
                     <ion-card-header>
                         <ion-card-subtitle>{{modalSeleted.title}}</ion-card-subtitle>
                     </ion-card-header>
-                    <ion-card-content>
+                    <ion-card-content style="padding-bottom: 5px;">
                         <ion-item style="padding: 0px;">
                             <ion-textarea
                                     placeholder="Type something here"
@@ -128,44 +129,14 @@
 </ion-grid>
 
 
-<!--                        <ion-toolbar>-->
-<!--                            <ion-buttons slot="start">-->
-<!--                               -->
-<!--                            </ion-buttons>-->
-<!--&lt;!&ndash;                            <ion-title>Buttons</ion-title>&ndash;&gt;-->
-<!--                            <ion-buttons slot="end">-->
-<!--                               -->
-<!--                            </ion-buttons>-->
-<!--                        </ion-toolbar>-->
-
-
                     </ion-card-content>
                 </ion-card>
 
-<!--                <ion-button fill="clear">Action 1</ion-button>-->
-<!--                <ion-button fill="clear">Send</ion-button>-->
-            </ion-content>
-<!--            <ion-footer>-->
-<!--                <ion-toolbar>-->
-<!--&lt;!&ndash;                    <ion-buttons slot="start">&ndash;&gt;-->
-<!--&lt;!&ndash;                        <ion-button (click)="cancel()" color="danger">Cancel</ion-button>&ndash;&gt;-->
-<!--&lt;!&ndash;                    </ion-buttons>&ndash;&gt;-->
-<!--                    <ion-buttons slot="end">-->
-<!--&lt;!&ndash;                        <ion-button (click)="confirm()" [strong]="true">Confirm</ion-button>&ndash;&gt;-->
-<!--                        <ion-button (click)="cancel()" color="danger">Cancel</ion-button>-->
 
-<!--                    </ion-buttons>-->
-<!--                </ion-toolbar>-->
-<!--            </ion-footer>-->
+            </ion-content>
+
         </ng-template>
     </ion-modal>
 
 </ion-content>
 
-<!--<ion-footer>-->
-<!--  <ion-toolbar>-->
-<!--    <div class="button" (click)="onEnroll()">-->
-<!--      <ion-label class="text">Enroll Course - $40</ion-label>-->
-<!--    </div>-->
-<!--  </ion-toolbar>-->
-<!--</ion-footer>-->
diff --git a/src/app/pages/suggest/suggest.page.scss b/src/app/pages/suggest/suggest.page.scss
index f306548..92488b3 100644
--- a/src/app/pages/suggest/suggest.page.scss
+++ b/src/app/pages/suggest/suggest.page.scss
@@ -187,7 +187,7 @@ ion-content {
 
       .bold_text_suggest {
         font-size: 12px;
-        font-family: 'bold';
+        font-weight: bolder;
       }
       .grey_text {
         font-size: 14px;