diff --git a/src/app/pages/home/home.page.html b/src/app/pages/home/home.page.html
index ee0389c..395c05f 100644
--- a/src/app/pages/home/home.page.html
+++ b/src/app/pages/home/home.page.html
@@ -90,10 +90,10 @@
     </div>
     <div class="bg_white bg_alice" *ngFor="let item of blogData; let i = index" (click)="blogDetails(item)">
       <div class="blog_list">
-        <div class="bg_image back_image banner_image" [style.backgroundImage]="'url(https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'"></div>
         <div class="detail">
           <ion-label class="name">{{item.post_title}}</ion-label>
         </div>
+        <div class="bg_image back_image banner_image" [style.backgroundImage]="'url(https://blog.wrenchboard.com/wp-content/uploads/'+item.meta_value+')'"></div>
       </div>
       <!--    <ion-icon slot  ="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
     </div>
diff --git a/src/app/pages/home/home.page.scss b/src/app/pages/home/home.page.scss
index f0230cd..bed4e7e 100644
--- a/src/app/pages/home/home.page.scss
+++ b/src/app/pages/home/home.page.scss
@@ -276,7 +276,7 @@ ion-content {
     display: flex;
     align-items: flex-start;
     background-color: white;
-    padding: 15px;
+    padding: 5px;
     box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
     border-radius: 10px;
     margin-bottom: 20px;
@@ -288,6 +288,7 @@ ion-content {
     }
     &.bg_alice{
       background-color: aliceblue;
+      padding: 5px;
     }
     .list {
       display: flex;