From e5de4e6b17627d47960742f0631acde8ac85669f Mon Sep 17 00:00:00 2001
From: Kenrick Tandrian <60643640+KenTandrian@users.noreply.github.com>
Date: Sun, 27 Jul 2025 15:24:08 +0700
Subject: [PATCH] Bugfix/fix Storybook styles after upgrade (#5258)

* Fix Storybook styles after upgrade

* Update changelog
---
 CHANGELOG.md                         |  1 +
 libs/ui/.storybook/preview-head.html |  8 --------
 libs/ui/project.json                 | 15 ++++++++++-----
 3 files changed, 11 insertions(+), 13 deletions(-)
 delete mode 100644 libs/ui/.storybook/preview-head.html

diff --git a/CHANGELOG.md b/CHANGELOG.md
index acd55e571..3a82ded75 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Excluded the holdings originated of `FEE`, `INTEREST` and `LIABILITY` activities from the closed holdings on the portfolio holdings page
+- Fixed an issue with serving _Storybook_ related to missing styles
 
 ## 2.185.0 - 2025-07-26
 
diff --git a/libs/ui/.storybook/preview-head.html b/libs/ui/.storybook/preview-head.html
deleted file mode 100644
index aa97d5363..000000000
--- a/libs/ui/.storybook/preview-head.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<script
-  src="https://unpkg.com/ionicons@5.5.1/dist/ionicons/ionicons.esm.js"
-  type="module"
-></script>
-<script
-  nomodule
-  src="https://unpkg.com/ionicons@5.5.1/dist/ionicons/ionicons.js"
-></script>
diff --git a/libs/ui/project.json b/libs/ui/project.json
index 4c8e6c125..b5c6473dd 100644
--- a/libs/ui/project.json
+++ b/libs/ui/project.json
@@ -26,10 +26,15 @@
     "storybook": {
       "executor": "@storybook/angular:start-storybook",
       "options": {
-        "port": 4400,
-        "configDir": "libs/ui/.storybook",
         "browserTarget": "ui:build-storybook",
-        "compodoc": false
+        "compodoc": false,
+        "configDir": "libs/ui/.storybook",
+        "port": 4400,
+        "styles": [
+          "apps/client/src/assets/fonts/inter.css",
+          "apps/client/src/styles/theme.scss",
+          "apps/client/src/styles.scss"
+        ]
       },
       "configurations": {
         "ci": {
@@ -41,10 +46,10 @@
       "executor": "@storybook/angular:build-storybook",
       "outputs": ["{options.outputDir}"],
       "options": {
-        "outputDir": "dist/apps/client/development/storybook",
-        "configDir": "libs/ui/.storybook",
         "browserTarget": "ui:build-storybook",
         "compodoc": false,
+        "configDir": "libs/ui/.storybook",
+        "outputDir": "dist/apps/client/development/storybook",
         "styles": [
           "apps/client/src/assets/fonts/inter.css",
           "apps/client/src/styles/theme.scss",