diff --git a/.github/workflows/ci-ui.yaml b/.github/workflows/ci-ui.yaml
index 1945be4a67..4dbc02c5a4 100644
--- a/.github/workflows/ci-ui.yaml
+++ b/.github/workflows/ci-ui.yaml
@@ -79,6 +79,8 @@ jobs:
           fetch-depth: 10
       - name: Install dependencies
         uses: ./.github/actions/yarn-install
+      - name: Build dependencies
+        run: npx nx build twenty-shared
       - name: Download storybook build
         uses: actions/download-artifact@v4
         with:
diff --git a/packages/twenty-ui/src/testing/decorators/ComponentDecorator.tsx b/packages/twenty-ui/src/testing/decorators/ComponentDecorator.tsx
index 966f74cb11..6e24cd0d54 100644
--- a/packages/twenty-ui/src/testing/decorators/ComponentDecorator.tsx
+++ b/packages/twenty-ui/src/testing/decorators/ComponentDecorator.tsx
@@ -4,7 +4,10 @@ import { themeCssVariables } from '@ui/theme-constants';
 
 import { ComponentStorybookLayout } from '../ComponentStorybookLayout';
 
-const getBackgroundColor = (inverted: boolean, accent: string) => {
+const getBackgroundColor = (
+  inverted: boolean,
+  accent: string,
+): string | undefined => {
   if (!inverted) return undefined;
 
   switch (accent) {