diff --git a/web/package-lock.json b/web/package-lock.json
index 516babb3a9..da4b01e440 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -11,7 +11,7 @@
       "dependencies": {
         "@formatjs/icu-messageformat-parser": "^2.9.8",
         "@immich/sdk": "file:../open-api/typescript-sdk",
-        "@immich/ui": "^0.23.6",
+        "@immich/ui": "^0.24.0",
         "@mapbox/mapbox-gl-rtl-text": "0.2.3",
         "@mdi/js": "^7.4.47",
         "@photo-sphere-viewer/core": "^5.11.5",
@@ -1370,15 +1370,15 @@
       "link": true
     },
     "node_modules/@immich/ui": {
-      "version": "0.23.6",
-      "resolved": "https://registry.npmjs.org/@immich/ui/-/ui-0.23.6.tgz",
-      "integrity": "sha512-HYIguDx/nCXcvqLKhY1R/+Aks6mn8B9jIiNVQH6WODDPbvGFrvQT5uINhXHrjsdyuzKBVS6dps+lx9+9Z6z4rA==",
+      "version": "0.24.0",
+      "resolved": "https://registry.npmjs.org/@immich/ui/-/ui-0.24.0.tgz",
+      "integrity": "sha512-qqgKYz6g5HPJFtKO12CPzFA8E+dJXZZFoM8WLUUsGjILXHeIX6DeywjZuRC2Ojd3mo9I5KlEDUvHPfv9eh+NXw==",
       "license": "GNU Affero General Public License version 3",
       "dependencies": {
         "@mdi/js": "^7.4.47",
         "bits-ui": "^2.0.0",
         "tailwind-merge": "^3.0.0",
-        "tailwind-variants": "^1.0.0"
+        "tailwind-variants": "^2.0.0"
       },
       "peerDependencies": {
         "svelte": "^5.0.0"
@@ -9085,29 +9085,22 @@
       }
     },
     "node_modules/tailwind-variants": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-1.0.0.tgz",
-      "integrity": "sha512-2WSbv4ulEEyuBKomOunut65D8UZwxrHoRfYnxGcQNnHqlSCp2+B7Yz2W+yrNDrxRodOXtGD/1oCcKGNBnUqMqA==",
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/tailwind-variants/-/tailwind-variants-2.1.0.tgz",
+      "integrity": "sha512-82m0eRex0z6A3GpvfoTCpHr+wWJmbecfVZfP3mqLoDxeya5tN4mYJQZwa5Aw1hRZTedwpu1D2JizYenoEdyD8w==",
       "license": "MIT",
-      "dependencies": {
-        "tailwind-merge": "3.0.2"
-      },
       "engines": {
         "node": ">=16.x",
         "pnpm": ">=7.x"
       },
       "peerDependencies": {
+        "tailwind-merge": ">=3.0.0",
         "tailwindcss": "*"
-      }
-    },
-    "node_modules/tailwind-variants/node_modules/tailwind-merge": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.0.2.tgz",
-      "integrity": "sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==",
-      "license": "MIT",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/dcastil"
+      },
+      "peerDependenciesMeta": {
+        "tailwind-merge": {
+          "optional": true
+        }
       }
     },
     "node_modules/tailwindcss": {
diff --git a/web/package.json b/web/package.json
index c14ff6f04c..d3ef82a50d 100644
--- a/web/package.json
+++ b/web/package.json
@@ -28,7 +28,7 @@
   "dependencies": {
     "@formatjs/icu-messageformat-parser": "^2.9.8",
     "@immich/sdk": "file:../open-api/typescript-sdk",
-    "@immich/ui": "^0.23.6",
+    "@immich/ui": "^0.24.0",
     "@mapbox/mapbox-gl-rtl-text": "0.2.3",
     "@mdi/js": "^7.4.47",
     "@photo-sphere-viewer/core": "^5.11.5",