diff --git a/src/frontend/app/document/document.component.html b/src/frontend/app/document/document.component.html
index cc8fd5097439485ea54168399aed28a98209f004..ded3be095745b27b3540b30659b1c0e773535ca8 100755
--- a/src/frontend/app/document/document.component.html
+++ b/src/frontend/app/document/document.component.html
@@ -123,7 +123,7 @@
     </footer>
     <app-drawer></app-drawer>
   </mat-sidenav-content>
-  <mat-sidenav #snavRight mode="over" fixedInViewport="true" [style.width.%]="signaturesService.sideNavRigtDatas.width" position='end' [disableClose]='signaturesService.sideNavRigtDatas.locked'>
+  <mat-sidenav #snavRight mode="over" fixedInViewport="true" [style.width]="signaturesService.sideNavRigtDatas.width" position='end' [disableClose]='signaturesService.sideNavRigtDatas.locked'>
     <app-my-profile *ngIf="signaturesService.sideNavRigtDatas.mode == 'profile'" [snavLeftComponent]="this.snav" [snavRightComponent]="this.snavRight"></app-my-profile>
     <app-visa-workflow [visaWorkflow]="mainDocument.workflow" *ngIf="signaturesService.sideNavRigtDatas.mode == 'visaWorkflow'"></app-visa-workflow>
     <app-document-list #appDocumentList *ngIf="signaturesService.sideNavRigtDatas.mode == 'documentList'"></app-document-list>
diff --git a/src/frontend/app/document/document.component.ts b/src/frontend/app/document/document.component.ts
index c84ddf492a55d36796debdb957a8c2a73279e46e..e2c2a49db89f443b284f7fd305ba2e54a32f032c 100755
--- a/src/frontend/app/document/document.component.ts
+++ b/src/frontend/app/document/document.component.ts
@@ -491,7 +491,7 @@ export class DocumentComponent implements OnInit {
 
         this.signaturesService.sideNavRigtDatas = {
             mode : 'visaWorkflow',
-            width : '50',
+            width : '650px',
             locked : false,
         };
 
@@ -501,7 +501,7 @@ export class DocumentComponent implements OnInit {
     openDocumentList() {
         this.signaturesService.sideNavRigtDatas = {
             mode : 'documentList',
-            width : '50',
+            width : '650px',
             locked : false,
         };
         this.snavRight.open();
diff --git a/src/frontend/app/service/signatures.service.ts b/src/frontend/app/service/signatures.service.ts
index 8a29de1040cdd7643246f1752ff2b60239b851c4..f170204aa4b214a09efeddfeade5d2e02575a900 100755
--- a/src/frontend/app/service/signatures.service.ts
+++ b/src/frontend/app/service/signatures.service.ts
@@ -18,7 +18,7 @@ export class SignaturesContentService {
     showDrawer = false;
     sideNavRigtDatas = {
         mode : '',
-        width : '99',
+        width : '650px',
         locked : true,
     };
     currentAction = 0;
@@ -59,7 +59,7 @@ export class SignaturesContentService {
         this.showDrawer = false;
         this.sideNavRigtDatas = {
             mode : '',
-            width : '99',
+            width : '650px',
             locked : true,
         };
         this.currentAction = 0;
diff --git a/src/frontend/app/sidebar/sidebar.component.ts b/src/frontend/app/sidebar/sidebar.component.ts
index c85a2e27db8e41ea8b0727ac235ba2e542bc5d42..12584b0ac65e476435abf4590879f9a91c9d99f0 100755
--- a/src/frontend/app/sidebar/sidebar.component.ts
+++ b/src/frontend/app/sidebar/sidebar.component.ts
@@ -65,7 +65,7 @@ export class SidebarComponent implements OnInit {
     openProfile() {
         this.signaturesService.sideNavRigtDatas = {
             mode : 'profile',
-            width : '99',
+            width : '650px',
             locked : true,
         };
         this.snavLeftComponent.close();
diff --git a/src/frontend/core/styles.scss b/src/frontend/core/styles.scss
index 46085dae7b472bf40919ec767239cd38cb5cfa84..3a8980e44bab36eb77f57c5d842bb2be17535482 100644
--- a/src/frontend/core/styles.scss
+++ b/src/frontend/core/styles.scss
@@ -190,4 +190,8 @@ mat-accordion mat-expansion-panel {
       height: auto;
     }
   }
+}
+
+.mat-drawer {
+  max-width: 99%;
 }
\ No newline at end of file