diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9eab6aab0..275871fd9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## Unreleased
+
+### Changed
+
+- Migrated the `@ghostfolio/ui/value` component to control flow
+
 ## 2.173.0 - 2025-06-21
 
 ### Added
diff --git a/libs/ui/src/lib/value/value.component.html b/libs/ui/src/lib/value/value.component.html
index 8c9fa7e16..1f61f30e5 100644
--- a/libs/ui/src/lib/value/value.component.html
+++ b/libs/ui/src/lib/value/value.component.html
@@ -5,7 +5,7 @@
 }
 <div class="d-flex flex-column w-100">
   <ng-template #label><ng-content></ng-content></ng-template>
-  <ng-container *ngIf="value || value === 0 || value === null">
+  @if (value || value === 0 || value === null) {
     <div
       class="align-items-center d-flex"
       [ngClass]="position === 'end' ? 'justify-content-end' : ''"
@@ -72,7 +72,7 @@
         </div>
       }
     </div>
-  </ng-container>
+  }
 
   @if (value === undefined) {
     <ngx-skeleton-loader