trying to find the bug with menus in safari

src/app/launcher/launcher.component.html

@@ -10,7 +10,7 @@
     <span class="fill-horizontal-space"></span>
     </mat-toolbar-row>
   </mat-toolbar>
-<mat-sidenav-container autosize autosize style="height: 100%; width: 100%">
+<mat-sidenav-container style="height: 100%; width: 100%">
   <mat-sidenav #idSideNav mode="side" opened>
     <mat-accordion>
 
@@ -21,15 +21,15 @@
             Login
         </mat-panel-title>
         </mat-expansion-panel-header>
-        <div *ngFor="let sshauthzserver of (authService.loggedOutAuthZ | async)" style="width: 100%">
+        <div *ngFor="let sshauthzserver of (authService.loggedOutAuthZ | async)">
           <button mat-button (click)=login(sshauthzserver) fxFlex style="text-align: left"> Login to {{ sshauthzserver.name }}</button>
           <button mat-icon-button *ngIf="sshauthzserver.userdefined === true"><mat-icon>remove</mat-icon></button>
         </div>
-        <div *ngFor="let sshauthzserver of (authService.loggedOutAuthZ | async)" style="width: 100%">
-          <button mat-button (click)=signup(sshauthzserver) style="width: 100%; text-align: left"> Signup for {{ sshauthzserver.name }}</button>
+        <div *ngFor="let sshauthzserver of (authService.loggedOutAuthZ | async)">
+          <button mat-button (click)=signup(sshauthzserver) style="text-align: left"> Signup for {{ sshauthzserver.name }}</button>
         </div>
-        <button mat-button (click) =logout() style="width: 100%; text-align: left">Logout</button>
-        <button mat-button (click) ="authService.updateAgentContents()" style="width: 100%; text-align: left">Refresh</button>
+        <button mat-button (click) =logout() style="text-align: left">Logout</button>
+        <button mat-button (click) ="authService.updateAgentContents()" style="text-align: left">Refresh</button>
         </mat-expansion-panel>
     <div *ngFor="let id of computeSitesService.appidentities | async">
 	<mat-expansion-panel (click)=selectId(id)>