diff --git a/src/app/modules/project/details/edit/edit.component.html b/src/app/modules/project/details/edit/edit.component.html
index dea76bb2..632ee87e 100644
--- a/src/app/modules/project/details/edit/edit.component.html
+++ b/src/app/modules/project/details/edit/edit.component.html
@@ -149,7 +149,7 @@ <h4>Collaborator role</h4>
             <div class="file-preview">
               <div *ngFor="let image of getProjectImages(); let i = index"
                 [style.background-image]="'url(' + image + ')'" class="preview">
-                <div (click)="deleteImageClicked(i)" *ngIf="image; else noImage" class="overlay"><em
+                <div (click)="deleteImageClicked(i)" *ngIf="image; else noImage" class="overlay trash"><em
                     class="fas fa-trash"></em></div>
                 <ng-template #noImage>
                   <div (click)="addImageClick()" class="overlay"><em class="fas fa-plus"></em></div>
diff --git a/src/app/modules/project/details/edit/edit.component.scss b/src/app/modules/project/details/edit/edit.component.scss
index fe15e04d..463d1b0c 100644
--- a/src/app/modules/project/details/edit/edit.component.scss
+++ b/src/app/modules/project/details/edit/edit.component.scss
@@ -72,6 +72,15 @@
           opacity: 1;
         }
       }
+
+      @media only screen and (max-width: 600px) {
+        .overlay{
+          opacity: 1;
+          em {
+            opacity: .8;
+          }
+        }
+      }
     }
     .icon-remove-btn {
       grid-column: 2;
@@ -339,6 +348,17 @@
                 opacity: 1;
               }
             }
+
+            @media only screen and (max-width: 600px) {
+              .overlay {
+                &.trash{
+                  opacity: 1;
+                  em {
+                    opacity: .8;
+                  }
+                }
+              }
+            }
           }
 
           img {