agm snazzy info window styles not getting changed like background

Issue description I am trying to customize the AgmSnazzyInfoWindow that will appear when i click on a marker.

Steps to reproduce and a minimal demo of the problem Add the following code in html of the agm-map container,

<agm-snazzy-info-window [maxWidth]="800" [closeWhenOthersOpen]="true" [backgroundColor]="orange">
          <ng-template>
            <mat-card>{{ pLocationId }}  {{ pLocationName }}</mat-card>
            <mat-nav-list>
                <mat-list-item>
                </mat-list-item>
              </mat-nav-list>
          </ng-template>
        </agm-snazzy-info-window>

Current behavior Current info window I am getting, Added the output image as a comment.

Expected/desired behavior The background color of info window should be complete orange.

angular2 & angular-google-maps version Angular 4 and agm version ^1.0.0-beta.2

Other information

[Zophiel]

Mind telling me how to set the width like you did? My snazzy windows arent responsive…

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.