diff --git a/src/app/shared/publication/view-publications/view-publications.page.html b/src/app/shared/publication/view-publications/view-publications.page.html
index f4fad9c21..5935030a4 100644
--- a/src/app/shared/publication/view-publications/view-publications.page.html
+++ b/src/app/shared/publication/view-publications/view-publications.page.html
@@ -28,16 +28,16 @@
   <div class="main-container px-20">
     <ion-list>
       <!-- [routerLink]="['/home/publications/view-publications/publication-detail', publication.publicationId]" -->
-      <div class="post-item d-md-flex mb-10"
-      *ngFor="let publication of publicationList"
-      (click)="viewPublicationDetail(publication.DocumentId)">
-        <div *ngIf="publication.FileBase64.length > 30" class="mb-10 post-img max-width-md-50">
+      <div class="post-item d-lg-flex d-md-block mb-10"
+        *ngFor="let publication of publicationList"
+        (click)="viewPublicationDetail(publication.DocumentId)">
+        <div *ngIf="publication.FileBase64.length > 30" class="mb-10 post-img width-md-100 width-lg-50">
           <img src="{{publication.FileBase64}}" alt="image">
         </div>
         <div *ngIf="publication.FileBase64.length < 30" class="mb-10 post-img">
           <img src="/assets/icon/icon-no-image.svg" alt="image">
         </div>
-        <div class="post-content px-20  width-md-50">
+        <div class="post-content px-20 width-md-100 width-lg-50">
           <div class="post-title-time">
             <div class="post-title">
               <ion-label>{{publication.Title}}</ion-label>