From 543818c35867ee1bbd849bdc688a89516a1a1e84 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Fri, 31 Jul 2026 17:27:14 +0200
Subject: [PATCH] Task/improve style of empty state in Fear & Greed Index
 component (#7486)

* Improve style of empty state

* Update changelog
---
 CHANGELOG.md                                               | 1 +
 .../fear-and-greed-index.component.html                    | 7 ++++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8d345c73c..852e6f377 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Improved the style of the empty state in the _Fear & Greed Index_ component
 - Improved the language localization for German (`de`)
 
 ## 3.37.0 - 2026-07-30
diff --git a/libs/ui/src/lib/fear-and-greed-index/fear-and-greed-index.component.html b/libs/ui/src/lib/fear-and-greed-index/fear-and-greed-index.component.html
index e441c53f6..02eed4442 100644
--- a/libs/ui/src/lib/fear-and-greed-index/fear-and-greed-index.component.html
+++ b/libs/ui/src/lib/fear-and-greed-index/fear-and-greed-index.component.html
@@ -12,10 +12,11 @@
     <div>
       <div class="h4 mb-0">
         <span class="mr-2">{{ fearAndGreedIndexText() }}</span>
+        @let value = fearAndGreedIndex() | number: '1.0-0';
         <small class="text-muted"
-          ><strong>{{
-            (fearAndGreedIndex() | number: '1.0-0') ?? placeholder
-          }}</strong
+          ><span [class.font-weight-bold]="value">{{
+            value ?? placeholder
+          }}</span
           >/100</small
         >
       </div>