diff --git a/src/app/domains/monthly-report/feature-monthly-report/bills/bills.component.html b/src/app/domains/monthly-report/feature-monthly-report/bills/bills.component.html
index 19e140d9..bf05738c 100644
--- a/src/app/domains/monthly-report/feature-monthly-report/bills/bills.component.html
+++ b/src/app/domains/monthly-report/feature-monthly-report/bills/bills.component.html
@@ -11,11 +11,11 @@
     </mat-card-title>
   </mat-card-header>
 
-  <mat-card-content [class.no-warnings]="!billInfo?.hasAttachmentWarnings && billInfo?.sumBills === 0" >
+  <mat-card-content [class.no-warnings]="!billInfo?.hasAttachmentWarnings && billInfo?.sumBills === 0 && !billInfo.employeeHasCreditCard" >
     <ng-container *ngIf="!billInfo">
-      <ngx-skeleton-loader [theme]="{ height: '46px' }"
+      <ngx-skeleton-loader [theme]="{ height: '56px' }"
                            appearance="line"></ngx-skeleton-loader>
-      <ngx-skeleton-loader [theme]="{ height: '46px' }"
+      <ngx-skeleton-loader [theme]="{ height: '56px' }"
                            appearance="line"></ngx-skeleton-loader>
     </ng-container>
 
@@ -55,7 +55,8 @@
     <ng-container *ngIf="!billInfo && billInfo?.employeeHasCreditCard">
       <ngx-skeleton-loader [theme]="{ height: '46px' }"></ngx-skeleton-loader>
     </ng-container>
-    <div *ngIf=" billInfo && billInfo?.employeeHasCreditCard" class="credit-card-warning">
+
+    <div *ngIf="billInfo && billInfo?.employeeHasCreditCard" class="credit-card-warning">
       <app-credit-card-warning></app-credit-card-warning>
     </div>
   </mat-card-content>