diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
index b418b11..abbca4b 100644
--- a/.github/workflows/ci.yaml
+++ b/.github/workflows/ci.yaml
@@ -48,20 +48,21 @@ jobs:
       #   run: ./ci/test-e2e.sh
       #   shell: bash
 
-  # chromatic:
-  #   runs-on: ubuntu-latest
-  #   steps:
-  #     - name: 📥 Checkout
-  #       uses: actions/checkout@v2
+  chromatic:
+    runs-on: ubuntu-latest
+    steps:
+      - name: 📥 Checkout
+        uses: actions/checkout@v2
 
-  #     - name: 📥 Install dependencies
-  #       uses: ./.github/actions/pnpm
+      - name: 📥 Install dependencies
+        uses: ./.github/actions/pnpm
 
-  #     - run: turbo --filter ui build
+      - run: turbo --filter ui build
 
-  #     - name: chromatic
-  #       uses: chromaui/action@v1
-  #       with:
-  #         projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-  #         token: ${{ secrets.GITHUB_TOKEN }}
-  #         storybookBuildDir: ./pkgs/ui/storybook-static
+      - name: chromatic
+        uses: chromaui/action@v1
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          token: ${{ secrets.GITHUB_TOKEN }}
+          storybookBuildDir: ./pkgs/ui/storybook-static
+          skip: true
diff --git a/apps/frontend/src/components/category_utils/CategoryIcon.stories.tsx b/apps/frontend/src/components/category_utils/CategoryIcon.stories.tsx
index ebe3304..576ee41 100644
--- a/apps/frontend/src/components/category_utils/CategoryIcon.stories.tsx
+++ b/apps/frontend/src/components/category_utils/CategoryIcon.stories.tsx
@@ -15,6 +15,10 @@ export default {
       return <Story />
     },
   ],
+  parameters: {
+    chromatic: { disableSnapshot: true },
+    query: {},
+  },
 } satisfies SB.Meta<typeof c.CategoryIconSVG>
 
 export const SvgDefault = {
diff --git a/pkgs/ui/build-storybook.log b/pkgs/ui/build-storybook.log
index 26f344b..c6103dd 100644
--- a/pkgs/ui/build-storybook.log
+++ b/pkgs/ui/build-storybook.log
@@ -1,14 +1,15 @@
+
+> ui@0.0.0 build C:\repos\MoneyTracker\pkgs\ui
+> storybook build "--output-dir" "C:\\Users\\k99ba\\AppData\\Local\\Temp\\chromatic--41296-EESmMJ0uWSwZ"
+
 @storybook/cli v7.0.22
 
-info => Cleaning outputDir: C:\Users\k99ba\AppData\Local\Temp\chromatic--5360-sCLK5Jb2WcBV
+info => Cleaning outputDir: C:\\Users\\k99ba\\AppData\\Local\\Temp\\chromatic--41296-EESmMJ0uWSwZ
 info => Loading presets
-(node:11684) ExperimentalWarning: The Fetch API is an experimental feature. This feature could change at any time
-(Use `node --trace-warnings ...` to show where the warning was created)
 info => Building manager..
-info => Manager built (1.57 s)
-info => Copying static files: D:\Portfolio\myPocket\node_modules\.pnpm\@storybook+manager@7.0.22\node_modules\@storybook\manager\static at C:\Users\k99ba\AppData\Local\Temp\chromatic--5360-sCLK5Jb2WcBV\sb-common-assets
+info => Manager built (515 ms)
+info => Copying static files: C:\repos\MoneyTracker\node_modules\.pnpm\@storybook+manager@7.0.22\node_modules\@storybook\manager\static at C:\Users\k99ba\AppData\Local\Temp\chromatic--41296-EESmMJ0uWSwZ\sb-common-assets
 WARN No story files found for the specified pattern: src\**\*.mdx
-WARN No story files found for the specified pattern: ..\..\apps\frontend\src\**\*.stories.@(js|jsx|ts|tsx)
 vite v4.3.9 building for production...
 
 ./sb-common-assets/fonts.css doesn't exist at build time, it will remain unchanged to be resolved at runtime
@@ -19,64 +20,119 @@ transforming...
 warn - https://tailwindcss.com/docs/content-configuration
 Use of eval in "../../node_modules/.pnpm/telejson@7.1.0/node_modules/telejson/dist/index.mjs" is strongly discouraged as it poses security risks and may cause issues with minification.
 Use of eval in "../../node_modules/.pnpm/telejson@7.1.0/node_modules/telejson/dist/index.mjs" is strongly discouraged as it poses security risks and may cause issues with minification.
-✓ 3135 modules transformed.
+✓ 4621 modules transformed.
 rendering chunks...
 computing gzip size...
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/iframe.html                                                                    13.04 kB │ gzip:   3.59 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/preview-34393d7b.css                                                     4.40 kB │ gzip:   1.37 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/index-d475d2ea.js                                                        0.21 kB │ gzip:   0.17 kB │ map:     0.84 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/emotion-use-insertion-effect-with-fallbacks.browser.esm-ca89fccf.js      0.28 kB │ gzip:   0.23 kB │ map:     1.19 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/extends-98964cd2.js                                                      0.29 kB │ gzip:   0.23 kB │ map:     0.99 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/WithTooltip-FBT32F6Q-ac494579.js                                         0.58 kB │ gzip:   0.35 kB │ map:     0.11 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/syntaxhighlighter-QTQ2UBB4-993dab6e.js                                   0.60 kB │ gzip:   0.37 kB │ map:     0.12 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/index-c731a3b2.js                                                        0.62 kB │ gzip:   0.38 kB │ map:     4.30 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/preview-84a9a530.js                                                      0.63 kB │ gzip:   0.41 kB │ map:     0.61 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/use-media-query-a8a6864e.js                                              0.64 kB │ gzip:   0.37 kB │ map:     2.40 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/preview-5ef354f3.js                                                      0.69 kB │ gzip:   0.49 kB │ map:     4.01 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/_commonjsHelpers-042e6b4d.js                                             0.78 kB │ gzip:   0.44 kB │ map:     0.11 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/index-356e4a49.js                                                        0.81 kB │ gzip:   0.51 kB │ map:     3.26 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/preview-b1164a2e.js                                                      0.88 kB │ gzip:   0.58 kB │ map:     2.91 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/Divider.stories-1b262d1d.js                                              0.96 kB │ gzip:   0.56 kB │ map:     0.50 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/Text-0a30301f.js                                                         1.02 kB │ gzip:   0.55 kB │ map:     1.26 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/TextElipsis.stories-3bfe07a5.js                                          1.44 kB │ gzip:   0.74 kB │ map:     0.64 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/Container.stories-b0569569.js                                            1.55 kB │ gzip:   0.71 kB │ map:     0.72 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/ButtonIcon-b51270b1.js                                                   1.81 kB │ gzip:   0.79 kB │ map:     3.89 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/Text.stories-b8590cd1.js                                                 2.07 kB │ gzip:   0.75 kB │ map:     0.13 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/ButtonIcon.stories-beca06ec.js                                           2.32 kB │ gzip:   1.05 kB │ map:     2.29 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/preview-a60aa466.js                                                      2.40 kB │ gzip:   1.25 kB │ map:    11.11 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/index-d37d4223.js                                                        2.63 kB │ gzip:   1.30 kB │ map:     7.47 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/Button-58874016.js                                                       2.97 kB │ gzip:   1.14 kB │ map:     5.13 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/preview-770cc08b.js                                                      3.22 kB │ gzip:   1.39 kB │ map:    10.13 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/emotion-react.browser.esm-efbf7dbd.js                                    3.94 kB │ gzip:   1.65 kB │ map:    26.02 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/index.stories-bbd3e692.js                                                4.02 kB │ gzip:   1.61 kB │ map:     7.58 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/Transition-84186d29.js                                                   4.37 kB │ gzip:   1.58 kB │ map:    11.72 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/Transition.stories-b26609a8.js                                           5.56 kB │ gzip:   1.84 kB │ map:     0.86 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/Button.stories-1d8462d2.js                                               6.19 kB │ gzip:   1.57 kB │ map:     2.05 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/tw-48d74052.js                                                           6.26 kB │ gzip:   2.65 kB │ map:    19.87 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/index-c461d91d.js                                                        6.60 kB │ gzip:   2.64 kB │ map:    29.50 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/emotion-styled.browser.esm-05354503.js                                   7.35 kB │ gzip:   3.58 kB │ map:    18.12 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/preview-d8c963a4.js                                                      7.67 kB │ gzip:   1.60 kB │ map:    13.79 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/index-642ecc4c.js                                                        7.71 kB │ gzip:   3.28 kB │ map:    18.89 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/preview-2cd4e1a1.js                                                      8.00 kB │ gzip:   3.04 kB │ map:    28.19 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/preview-de43faae.js                                                      8.42 kB │ gzip:   2.33 kB │ map:     4.94 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/iframe-6ad52876.js                                                       8.64 kB │ gzip:   2.10 kB │ map:     6.91 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/FlexBox.stories-28e3293c.js                                              8.68 kB │ gzip:   2.69 kB │ map:    12.53 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/GlobalScrollAreaStyles-XIHNDKUY-c0d35bff.js                             10.56 kB │ gzip:   2.44 kB │ map:    15.77 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/emotion-element-c39617d8.browser.esm-adc92d96.js                        14.63 kB │ gzip:   6.12 kB │ map:    96.46 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/AppShell.stories-e93abebd.js                                            19.40 kB │ gzip:   5.35 kB │ map:    30.98 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/preview-0b573777.js                                                     21.08 kB │ gzip:   7.00 kB │ map:    68.23 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/chunk-4NMOSTKD-052c8761.js                                              21.63 kB │ gzip:   7.23 kB │ map:    49.58 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/Color-3YIJY6X7-16dab906.js                                              31.19 kB │ gzip:  11.74 kB │ map:   112.61 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/OverlayScrollbars-VAV6LJAB-d11ac35a.js                                  59.14 kB │ gzip:  25.38 kB │ map:   277.39 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/index-c272f1ab.js                                                      202.51 kB │ gzip:  63.57 kB │ map:   623.44 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/config-f5049cb4.js                                                     213.95 kB │ gzip:  66.67 kB │ map:   805.06 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/DocsRenderer-EYKKDMVH-2bccc7eb.js                                      481.71 kB │ gzip: 158.37 kB │ map: 1,390.00 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/formatter-S4K5WUZV-45801f9d.js                                         601.77 kB │ gzip: 185.13 kB │ map: 1,314.32 kB
-C:/Users/k99ba/AppData/Local/Temp/chromatic--5360-sCLK5Jb2WcBV/assets/index-4a193f06.js                                                    2,546.48 kB │ gzip: 964.96 kB │ map: 5,943.30 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/iframe.html                                                                    13.52 kB │ gzip:   3.64 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/preview-34393d7b.css                                                     4.40 kB │ gzip:   1.37 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/react-16-39873e95.js                                                     0.21 kB │ gzip:   0.19 kB │ map:     0.77 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-d475d2ea.js                                                        0.21 kB │ gzip:   0.17 kB │ map:     0.85 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-f8de5051.js                                                        0.25 kB │ gzip:   0.20 kB │ map:     0.10 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/emotion-use-insertion-effect-with-fallbacks.browser.esm-de54a3d6.js      0.27 kB │ gzip:   0.23 kB │ map:     1.21 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/extends-98964cd2.js                                                      0.29 kB │ gzip:   0.23 kB │ map:     1.01 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/_commonjs-dynamic-modules-302442b1.js                                    0.30 kB │ gzip:   0.24 kB │ map:     0.12 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/use-id-1b92aa71.js                                                       0.44 kB │ gzip:   0.33 kB │ map:     2.03 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/isPlainObject-09b1af52.js                                                0.49 kB │ gzip:   0.35 kB │ map:     2.62 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-ebbd53ae.js                                                        0.53 kB │ gzip:   0.34 kB │ map:     4.31 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/use-media-query-e79af13d.js                                              0.64 kB │ gzip:   0.37 kB │ map:     2.42 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/preview-5ef354f3.js                                                      0.69 kB │ gzip:   0.49 kB │ map:     4.07 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/_rollupPluginBabelHelpers-0af2cae1.js                                    0.70 kB │ gzip:   0.40 kB │ map:     2.85 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/plus-1bc2caf6.js                                                         0.70 kB │ gzip:   0.45 kB │ map:     2.20 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/TextEllipsis-b9fe822b.js                                                 0.74 kB │ gzip:   0.49 kB │ map:     0.82 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/WithTooltip-FBT32F6Q-a981b390.js                                         0.76 kB │ gzip:   0.41 kB │ map:     0.11 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/syntaxhighlighter-QTQ2UBB4-b69c1f14.js                                   0.78 kB │ gzip:   0.44 kB │ map:     0.12 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/_commonjsHelpers-042e6b4d.js                                             0.78 kB │ gzip:   0.44 kB │ map:     0.11 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-356e4a49.js                                                        0.81 kB │ gzip:   0.51 kB │ map:     3.27 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/preview-96ef32a7.js                                                      0.82 kB │ gzip:   0.49 kB │ map:     0.61 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Hoverable.stories-0bc11f3f.js                                            0.87 kB │ gzip:   0.51 kB │ map:     0.11 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/preview-b1164a2e.js                                                      0.88 kB │ gzip:   0.58 kB │ map:     2.95 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/v4-a960c1f4.js                                                           0.92 kB │ gzip:   0.50 kB │ map:     5.36 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/preview-baa34ee9.js                                                      1.06 kB │ gzip:   0.68 kB │ map:     3.35 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/uniq-c1921062.js                                                         1.20 kB │ gzip:   0.69 kB │ map:    11.10 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-1c1adf24.js                                                        1.27 kB │ gzip:   0.66 kB │ map:     9.27 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Divider-6fd76a9f.js                                                      1.32 kB │ gzip:   0.67 kB │ map:     1.73 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Text-18baa5b2.js                                                         1.40 kB │ gzip:   0.73 kB │ map:     1.80 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Spinning.stories-172c5c42.js                                             1.43 kB │ gzip:   0.85 kB │ map:   353.79 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Tooltip.stories-e5220850.js                                              1.50 kB │ gzip:   0.72 kB │ map:     0.12 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/iconBase-6ed93852.js                                                     1.56 kB │ gzip:   0.79 kB │ map:     5.23 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/preview-9ec34bf1.js                                                      1.57 kB │ gzip:   0.89 kB │ map:     6.01 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/TextElipsis.stories-5a80fc50.js                                          1.60 kB │ gzip:   0.84 kB │ map:     0.12 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/DocsRenderer-EYKKDMVH-19db0852.js                                        1.60 kB │ gzip:   0.85 kB │ map:     2.60 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/FlexSize-df83f013.js                                                     1.60 kB │ gzip:   0.87 kB │ map:     5.10 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Hoverable-7c7fcbd7.js                                                    1.69 kB │ gzip:   0.61 kB │ map:     1.52 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index.esm-38d87979.js                                                    1.75 kB │ gzip:   0.80 kB │ map:   670.77 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/SelectField-9773a2b9.js                                                  1.86 kB │ gzip:   0.73 kB │ map:     4.44 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Container.stories-265164b5.js                                            1.93 kB │ gzip:   0.94 kB │ map:     1.10 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/keysIn-f1667fa1.js                                                       2.08 kB │ gzip:   1.09 kB │ map:    15.27 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/docs-6ce59425.js                                                         2.16 kB │ gzip:   1.16 kB │ map:     3.70 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/ScrollArea.stories-48a1c193.js                                           2.28 kB │ gzip:   0.96 kB │ map:     0.13 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/ButtonIcon-cab88941.js                                                   2.37 kB │ gzip:   0.92 kB │ map:     1.77 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Text.stories-90a73b4e.js                                                 2.39 kB │ gzip:   0.81 kB │ map:     0.13 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Pagination.stories-7bb9d16b.js                                           2.50 kB │ gzip:   1.16 kB │ map:     5.57 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-d37d4223.js                                                        2.63 kB │ gzip:   1.30 kB │ map:     7.49 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/ButtonIcon.stories-4f644810.js                                           2.71 kB │ gzip:   1.16 kB │ map:     2.31 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/HiddenField.stories-0ac85cb8.js                                          2.78 kB │ gzip:   0.91 kB │ map:     0.85 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/CategoryFrom.stories-f3e83ebd.js                                         3.00 kB │ gzip:   1.41 kB │ map:     0.13 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/preview-770cc08b.js                                                      3.22 kB │ gzip:   1.39 kB │ map:    10.17 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/TextField.stories-320f9174.js                                            3.29 kB │ gzip:   1.15 kB │ map:     1.74 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-22d85155.js                                                        3.56 kB │ gzip:   1.59 kB │ map:    27.58 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/CategoryIcon.stories-654ff0dc.js                                         3.68 kB │ gzip:   1.38 kB │ map:     0.15 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/EmailField.stories-3e721d6b.js                                           4.14 kB │ gzip:   1.48 kB │ map:     1.69 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Button-7217f191.js                                                       4.23 kB │ gzip:   1.45 kB │ map:     5.99 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/EntryFrom.stories-618bb24a.js                                            4.25 kB │ gzip:   1.95 kB │ map:     1.79 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Transition-002363f7.js                                                   4.37 kB │ gzip:   1.58 kB │ map:    11.80 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-a34d2b2a.js                                                        4.41 kB │ gzip:   1.72 kB │ map:    29.58 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/_Field.stories-6de94e8d.js                                               4.51 kB │ gzip:   1.25 kB │ map:     0.19 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Divider.stories-27364123.js                                              5.05 kB │ gzip:   1.20 kB │ map:     0.17 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index.stories-93cfb416.js                                                5.23 kB │ gzip:   1.91 kB │ map:     8.42 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/_baseIsEqual-e915623b.js                                                 5.25 kB │ gzip:   2.44 kB │ map:    39.41 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Transition.stories-aa12f105.js                                           5.52 kB │ gzip:   1.82 kB │ map:     0.88 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/SecretField.stories-4d8ab22a.js                                          5.55 kB │ gzip:   1.99 kB │ map:     6.84 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/tw-c147f5fe.js                                                           6.26 kB │ gzip:   2.60 kB │ map:    19.88 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-7b686c65.js                                                        6.60 kB │ gzip:   2.64 kB │ map:    29.71 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/QueryClientProvider-08937498.js                                          6.87 kB │ gzip:   2.69 kB │ map:    33.82 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Button.stories-4f330727.js                                               6.95 kB │ gzip:   1.85 kB │ map:     2.07 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/emotion-styled.browser.esm-0237c18a.js                                   7.34 kB │ gzip:   3.57 kB │ map:    18.18 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/preview-d8c963a4.js                                                      7.67 kB │ gzip:   1.60 kB │ map:    13.82 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-ff802670.js                                                        7.71 kB │ gzip:   3.28 kB │ map:    18.94 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/_Field-67d5e244.js                                                       7.90 kB │ gzip:   2.65 kB │ map:    34.71 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/preview-2cd4e1a1.js                                                      8.00 kB │ gzip:   3.04 kB │ map:    28.23 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/FlexSize.stories-0b7bc2ed.js                                             8.10 kB │ gzip:   2.24 kB │ map:     7.65 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/colors.stories-a1d72ce0.js                                               8.89 kB │ gzip:   2.63 kB │ map:     3.82 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/_FormUtils-e7cfa7cc.js                                                   9.24 kB │ gzip:   3.26 kB │ map: 1,725.10 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-a6c8ef6f.js                                                       10.52 kB │ gzip:   3.40 kB │ map:    38.59 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/get-1eca3a22.js                                                         10.69 kB │ gzip:   4.45 kB │ map:    80.92 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/GlobalScrollAreaStyles-XIHNDKUY-781707f6.js                             10.74 kB │ gzip:   2.51 kB │ map:    15.79 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Dialog.stories-87332730.js                                              10.75 kB │ gzip:   4.29 kB │ map:    65.87 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/preview-79b6624f.js                                                     11.17 kB │ gzip:   4.09 kB │ map:    29.92 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-890dd1b5.js                                                       13.55 kB │ gzip:   5.09 kB │ map:    53.17 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/ScrollArea-49cab63f.js                                                  14.36 kB │ gzip:   4.64 kB │ map:    68.36 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-0bdcec52.js                                                       14.56 kB │ gzip:   4.75 kB │ map:    50.83 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/AppShell.stories-0ce444b5.js                                            15.05 kB │ gzip:   4.31 kB │ map:    29.98 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/CategoryIcon-c94266df.js                                                15.63 kB │ gzip:   5.75 kB │ map:    64.49 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Color-3YIJY6X7-a1409c70.js                                              17.92 kB │ gzip:   6.90 kB │ map:    59.73 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/emotion-react.browser.esm-0759bfda.js                                   18.35 kB │ gzip:   7.37 kB │ map:   122.45 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/iframe-bfdc0a2e.js                                                      19.31 kB │ gzip:   3.29 kB │ map:     9.85 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/chunk-4NMOSTKD-052c8761.js                                              21.63 kB │ gzip:   7.23 kB │ map:    49.60 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/preview-9783adc5.js                                                     33.63 kB │ gzip:  10.08 kB │ map:   105.30 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/Tooltip-760cb728.js                                                     34.00 kB │ gzip:  12.44 kB │ map:   188.55 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/_Form-86ab9c68.js                                                       38.78 kB │ gzip:  13.68 kB │ map:   265.49 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/icons-128bf820.js                                                       46.80 kB │ gzip:  15.60 kB │ map:    48.58 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/OverlayScrollbars-VAV6LJAB-5f80bfeb.js                                  59.31 kB │ gzip:  25.45 kB │ map:   277.41 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-e7121fef.js                                                       62.65 kB │ gzip:  17.11 kB │ map:   205.60 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-702ca90c.js                                                      124.00 kB │ gzip:  40.11 kB │ map:   299.13 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/config-6f2adf95.js                                                     213.77 kB │ gzip:  66.58 kB │ map:   803.22 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-0cd9b9eb.js                                                      265.73 kB │ gzip:  63.15 kB │ map:   954.85 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-64e28155.js                                                      347.99 kB │ gzip: 107.06 kB │ map: 1,450.43 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/SelectField.stories-c23b89c7.js                                        404.69 kB │ gzip: 127.93 kB │ map:   973.14 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-d280a972.js                                                      479.24 kB │ gzip: 156.92 kB │ map: 1,363.47 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/axe-cfa7d87a.js                                                        535.60 kB │ gzip: 146.94 kB │ map: 1,918.44 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/formatter-S4K5WUZV-fff6aa72.js                                         601.95 kB │ gzip: 185.20 kB │ map: 1,314.34 kB
+../../../../Users/k99ba/AppData/Local/Temp/chromatic--41296-EESmMJ0uWSwZ/assets/index-4a193f06.js                                                    2,546.48 kB │ gzip: 964.96 kB │ map: 5,944.62 kB
 
 (!) Some chunks are larger than 500 kBs after minification. Consider:
 - Using dynamic import() to code-split the application
 - Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
 - Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
-✓ built in 21.62s
-info => Output directory: C:\Users\k99ba\AppData\Local\Temp\chromatic--5360-sCLK5Jb2WcBV
+✓ built in 41.20s
+info => Output directory: C:\\Users\\k99ba\\AppData\\Local\\Temp\\chromatic--41296-EESmMJ0uWSwZ
diff --git a/pkgs/ui/package.json b/pkgs/ui/package.json
index 0c43f84..18c3005 100644
--- a/pkgs/ui/package.json
+++ b/pkgs/ui/package.json
@@ -48,7 +48,7 @@
     "@storybook/addon-styling": "^1.0.8",
     "@storybook/addons": "^7.0.18",
     "@storybook/blocks": "7.0.22",
-    "@storybook/jest": "^0.1.0",
+    "@storybook/jest": "0.2.1",
     "@storybook/react": "7.0.22",
     "@storybook/react-vite": "7.0.22",
     "@storybook/test-runner": "^0.11.0",
@@ -71,7 +71,11 @@
     "babel-polyfill": "^6.26.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-stage-0": "^6.24.1",
+<<<<<<< HEAD
     "chromatic": "^6.19.8",
+=======
+    "chromatic": "^7.5.4",
+>>>>>>> dev
     "concurrently": "^8.2.0",
     "eslint-config-custom": "workspace:*",
     "eslint-plugin-mdx": "^2.1.0",
diff --git a/pkgs/ui/types/SB.d.ts b/pkgs/ui/types/SB.d.ts
index e46be55..a14cd92 100644
--- a/pkgs/ui/types/SB.d.ts
+++ b/pkgs/ui/types/SB.d.ts
@@ -4,6 +4,7 @@ import { ReactRouterAddonStoryParameters } from 'storybook-addon-react-router-v6
 import { Decorator as OrgDecorator } from '@storybook/react'
 import type { A11yParameters } from '@storybook/addon-a11y'
 import { Parameter as FrontendParameter } from '../../../apps/frontend/types/LocalSB'
+import 'chromatic'
 
 export interface ExpParameter extends FrontendParameter {
   layout?: 'fullscreen' | 'centered'
@@ -20,6 +21,9 @@ export interface ExpParameter extends FrontendParameter {
   mode?: 'dark' | 'light'
   reactRouter?: ReactRouterAddonStoryParameters
   a11y?: A11yParameters['config']
+  chromatic?: {
+    disableSnapshot?: boolean
+  }
 }
 
 export type ExpTags = 'autodocs'
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2c5f06f..fd5bd68 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -554,8 +554,8 @@ importers:
         specifier: 7.0.22
         version: 7.0.22(react-dom@17.0.2)(react@17.0.2)
       '@storybook/jest':
-        specifier: ^0.1.0
-        version: 0.1.0
+        specifier: 0.2.1
+        version: 0.2.1
       '@storybook/react':
         specifier: 7.0.22
         version: 7.0.22(react-dom@17.0.2)(react@17.0.2)(typescript@5.2.2)
@@ -623,8 +623,8 @@ importers:
         specifier: ^6.24.1
         version: 6.24.1
       chromatic:
-        specifier: ^6.19.8
-        version: 6.19.8
+        specifier: ^7.5.4
+        version: 7.5.4
       concurrently:
         specifier: ^8.2.0
         version: 8.2.0
@@ -7619,12 +7619,12 @@ packages:
       '@storybook/preview-api': 7.0.24
     dev: true
 
-  /@storybook/jest@0.1.0:
-    resolution: {integrity: sha512-TmybnEXlv5Fu2/Hq4nRj7alS9mw4CasLR0RDwaAzS+Vpvu1TC4+j9rh+b1BHtmWebbJh0JMT6mgzPqOyJdgtQA==}
+  /@storybook/jest@0.2.1:
+    resolution: {integrity: sha512-mAazxprQUZp3ACTQ/u3KnFAQybH8CSE0JyyW6mp5J34o9CYuUYyRVwUZm4rzO3u2vG228dxKRgogs6BxIUUeCA==}
     dependencies:
       '@storybook/expect': 28.1.3-5
-      '@storybook/instrumenter': 7.0.22
       '@testing-library/jest-dom': 5.16.5
+      '@types/jest': 28.1.3
       jest-mock: 27.5.1
     dev: true
 
@@ -11687,8 +11687,8 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /chromatic@6.19.8:
-    resolution: {integrity: sha512-cvQAd/BkhRscXYbHuwIYwkmqzgpLz50maBGvUDa+WdfpoxzYrUvG2uZ1YU3tS857dAwMuTL5wUFiawiffDIKvQ==}
+  /chromatic@7.5.4:
+    resolution: {integrity: sha512-DiBwsn8yABN6SFSeEf5gTbwGIqhfP+rjrAQENgeLFDUV3vX3tGdI8oVgseaeCwk8tn08ZukrmB/k3ZG9RPJPTA==}
     hasBin: true
     dev: true