style: fix animation banner status deposit

src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.html

-<div *ngIf="filesRetrieve(listDataFileObs | async) && !canSubmit(listDataFileObs | async)"
-     class="alert"
->
-  {{message| translate}}
+<div class="alert-wrapper">
+  <div *ngIf="filesRetrieve(listDataFileObs | async) && !canSubmit(listDataFileObs | async)"
+       class="alert"
+  >
+    {{message| translate}}
+  </div>
 </div>
-
 <dlcm-shared-button-status-history class="history"
                                    (showHistory)="showHistory()"
 ></dlcm-shared-button-status-history>

src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.scss

@@ -15,16 +15,20 @@
   }
 }
 
+.alert-wrapper {
+  height: 30px;
+  padding-bottom: 10px;
+  margin: -25px -25px 0;
 
-.alert {
-  background-color: $warning;
-  color: $white;
-  font-weight: bold;
-  text-align: center;
-  margin: -25px -25px 15px;
-  padding: 5px;
-  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
-  animation: appear 1s;
+  .alert {
+    background-color: $warning;
+    color: $white;
+    font-weight: bold;
+    text-align: center;
+    padding: 5px;
+    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
+    animation: appear 0.25s;
+  }
 }
 
 .success {