diff --git a/src/app/fyle/my-expenses/my-expenses.page.html b/src/app/fyle/my-expenses/my-expenses.page.html
index f143074361..c30ce4e4c5 100644
--- a/src/app/fyle/my-expenses/my-expenses.page.html
+++ b/src/app/fyle/my-expenses/my-expenses.page.html
@@ -91,7 +91,14 @@
   </ng-container>
 </app-fy-header>
 
-<ion-content [ngClass]="{'d-none': isCameraPreviewStarted}" class="my-expenses--content" (click)="onPageClick()">
+<ion-content
+  [ngClass]="{
+  'd-none': isCameraPreviewStarted,
+  'my-expenses--content-zero-state': ((pendingTransactions.length === 0) && ((count$ | async) === 0) && isConnected$ | async)
+}"
+  class="my-expenses--content"
+  (click)="onPageClick()"
+>
   <div
     class="my-expenses--body"
     [ngClass]="{'my-expenses--zero-states-body': (((count$ | async) === 0) && isConnected$|async) || (pendingTransactions.length === 0 && !(isConnected$|async))}"
diff --git a/src/app/fyle/my-expenses/my-expenses.page.scss b/src/app/fyle/my-expenses/my-expenses.page.scss
index a39f99ab64..66f62f5cca 100644
--- a/src/app/fyle/my-expenses/my-expenses.page.scss
+++ b/src/app/fyle/my-expenses/my-expenses.page.scss
@@ -51,6 +51,10 @@
     --padding-bottom: 82px;
   }
 
+  &--content-zero-state {
+    --padding-bottom: 0;
+  }
+
   &--select-all-container {
     --border-style: none;
   }
@@ -280,6 +284,7 @@
 
   &--zero-states-body {
     height: 100%;
+    padding-top: 32px;
   }
 
   &--footer-toolbar {