diff --git a/src/frontend/app/home/home.component.html b/src/frontend/app/home/home.component.html
index acc233c3896c28b019dfbeae719e6aba47b570af..4f65e794c66c04a6db17274385d564ee41a0b8f0 100644
--- a/src/frontend/app/home/home.component.html
+++ b/src/frontend/app/home/home.component.html
@@ -47,8 +47,7 @@
                             matSortDisableClear matSortDirection="asc" style="width:100%;table-layout: fixed;">
                             <!-- Number Column -->
                             <ng-container matColumnDef="res_id">
-                                <td mat-cell *matCellDef="let row" [ngStyle]="{'width': mobileMode ? '30%' : '15%'}"
-                                    style="text-align:center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding: 5px;vertical-align: middle;">
+                                <td class="first_col" mat-cell *matCellDef="let row" [ngStyle]="{'width': mobileMode ? '30%' : '15%'}">
                                     <div *ngIf="row.closing_date == null && mobileMode"
                                         id="{{row.res_id}}_creation_date"
                                         style="color: rgba(0,0,0,0.4);font-size: 90%;overflow: hidden;text-overflow: ellipsis;"
@@ -66,7 +65,6 @@
                                         title="{{row.alt_identifier}} (n°{{row.res_id}})">
                                         {{row.alt_identifier}}
                                     </div>
-
                                 </td>
                             </ng-container>
                             <ng-container matColumnDef="subject">
diff --git a/src/frontend/app/home/home.component.scss b/src/frontend/app/home/home.component.scss
index ab0c1509980915cb8627c32f47a353e82e0d59de..0efda6154a3fc5e2f795755478cb378febea4aee 100644
--- a/src/frontend/app/home/home.component.scss
+++ b/src/frontend/app/home/home.component.scss
@@ -1,5 +1,14 @@
 @import '../../css/vars.scss';
 
+.first_col {
+    position:relative;
+    text-align:center;
+    overflow:hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding: 5px;
+    vertical-align: middle;
+}
 .noDoc {
     .mat-badge-content {
         color: #666;
@@ -9,10 +18,9 @@
 
 .watermark {
     position: absolute;
-    transform: rotate(-20deg);
+    left: 50%;
+    transform: translateX(-50%) rotate(-20deg);
     color: red;
     font-weight: bold;
-    margin-left: -60px;
-    margin-top: 10px;
     opacity: 0.6;
   }
\ No newline at end of file
diff --git a/src/frontend/app/list/basket-list.component.scss b/src/frontend/app/list/basket-list.component.scss
index ea168029077e35787881f5e719d380dde132c0eb..20fd4a85a61b03c333de44b88b365db1f438f9df 100644
--- a/src/frontend/app/list/basket-list.component.scss
+++ b/src/frontend/app/list/basket-list.component.scss
@@ -40,9 +40,9 @@
 
 .watermark {
   position: absolute;
-  transform: rotate(-20deg);
+  left: 50%;
+  transform: translateX(-50%) rotate(-20deg);
   color: red;
   font-weight: bold;
-  margin-left: -60px;
   opacity: 0.6;
 }
diff --git a/src/frontend/css/maarch-material-table.scss b/src/frontend/css/maarch-material-table.scss
index 376bab5778e29754946de2928a5aff081bbd3488..3b52950e61a5a85f6b009a36abf3a55ec51ce41f 100644
--- a/src/frontend/css/maarch-material-table.scss
+++ b/src/frontend/css/maarch-material-table.scss
@@ -24,6 +24,7 @@
     align-items: center;
 
     &-status {
+        position: relative;
         width: 65px;
         text-align: center;