diff --git a/src/app/pages/apps/components/app-detail-view/app-resources-card/app-resources-card.component.html b/src/app/pages/apps/components/app-detail-view/app-resources-card/app-resources-card.component.html
index 3decabfffcb..7e3adc4c3b3 100644
--- a/src/app/pages/apps/components/app-detail-view/app-resources-card/app-resources-card.component.html
+++ b/src/app/pages/apps/components/app-detail-view/app-resources-card/app-resources-card.component.html
@@ -38,7 +38,7 @@ <h3>{{ 'Available Resources' | translate }}</h3>
     <ngx-skeleton-loader></ngx-skeleton-loader>
   } @else {
     @if (selectedPool()) {
-      {{ availableSpace() | ixFileSize }}
+      {{ availableSpace$ | async | ixFileSize }}
     } @else {
       {{ 'N/A' | translate }}
     }
diff --git a/src/app/pages/apps/components/app-detail-view/app-resources-card/app-resources-card.component.ts b/src/app/pages/apps/components/app-detail-view/app-resources-card/app-resources-card.component.ts
index 302fe0964de..e3dfecd89e3 100644
--- a/src/app/pages/apps/components/app-detail-view/app-resources-card/app-resources-card.component.ts
+++ b/src/app/pages/apps/components/app-detail-view/app-resources-card/app-resources-card.component.ts
@@ -21,7 +21,7 @@ export class AppResourcesCardComponent implements OnInit {
   memoryUsed: number;
   memoryTotal: number;
 
-  availableSpace = toSignal(this.ws.call('app.available_space'));
+  readonly availableSpace$ = this.ws.call('app.available_space');
   selectedPool = toSignal(this.dockerStore.selectedPool$);
 
   constructor(