diff --git a/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.html b/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.html
index f46bfcd77e70317d19012b031cbffa1366817ff9..51ea838b53c1e0a42a18fb112e26175e0e54b809 100644
--- a/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.html
+++ b/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.html
@@ -1,9 +1,10 @@
-<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>
diff --git a/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.scss b/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.scss
index 7a3f8a340137ff58a2aceca5c367f95defcc9b67..4555f6bd56fdd09a58b1b6b78805d4bf40acc3e8 100644
--- a/src/app/features/deposit/components/routables/deposit-detail/deposit-detail.routable.scss
+++ b/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 {