diff --git a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html
index 455dffef4..2d2c9c3f3 100644
--- a/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html
+++ b/frontend/src/app/components/accelerate-preview/accelerate-preview.component.html
@@ -25,7 +25,7 @@
     ></app-accelerate-fee-graph>
   </ng-container>
 
-  <ng-container *ngIf="estimate">
+  <ng-container *ngIf="estimate else loadingEstimate">
     <div [class]="{estimateDisabled: error}">
 
       <div *ngIf="user && !estimate.hasAccess">
@@ -243,4 +243,9 @@
   
     </div>
   </ng-container>
-</div>
\ No newline at end of file
+</div>
+
+<ng-template #loadingEstimate>
+  <div class="skeleton-loader"></div>
+  <br>
+</ng-template>
\ No newline at end of file