diff --git a/.github/.nvmrc b/.github/.nvmrc
index 248216ad5b80a..3fe3b1570a518 100644
--- a/.github/.nvmrc
+++ b/.github/.nvmrc
@@ -1 +1 @@
-24.12.0
+24.13.0
diff --git a/cli/.nvmrc b/cli/.nvmrc
index 248216ad5b80a..3fe3b1570a518 100644
--- a/cli/.nvmrc
+++ b/cli/.nvmrc
@@ -1 +1 @@
-24.12.0
+24.13.0
diff --git a/cli/package.json b/cli/package.json
index 99c13db08a072..263a4ff26fa17 100644
--- a/cli/package.json
+++ b/cli/package.json
@@ -69,6 +69,6 @@
     "micromatch": "^4.0.8"
   },
   "volta": {
-    "node": "24.12.0"
+    "node": "24.13.0"
   }
 }
diff --git a/docs/.nvmrc b/docs/.nvmrc
index 248216ad5b80a..3fe3b1570a518 100644
--- a/docs/.nvmrc
+++ b/docs/.nvmrc
@@ -1 +1 @@
-24.12.0
+24.13.0
diff --git a/docs/package.json b/docs/package.json
index 4076d089ce2ef..d4c1a3731ad38 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -57,6 +57,6 @@
     "node": ">=20"
   },
   "volta": {
-    "node": "24.12.0"
+    "node": "24.13.0"
   }
 }
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
index 7f8c6d576105b..29b9186307806 100644
--- a/docs/src/css/custom.css
+++ b/docs/src/css/custom.css
@@ -8,19 +8,19 @@
 @tailwind utilities;
 
 @font-face {
-  font-family: 'Overpass';
-  src: url('/fonts/overpass/Overpass.ttf') format('truetype-variations');
-  font-weight: 1 999;
+  font-family: 'GoogleSans';
+  src: url('/fonts/GoogleSans/GoogleSans.ttf') format('truetype-variations');
+  font-weight: 410 900;
   font-style: normal;
   ascent-override: 106.25%;
   size-adjust: 106.25%;
 }
 
 @font-face {
-  font-family: 'Overpass Mono';
-  src: url('/fonts/overpass/OverpassMono.ttf') format('truetype-variations');
-  font-weight: 1 999;
-  font-style: normal;
+  font-family: 'GoogleSansCode';
+  src: url('/fonts/GoogleSansCode/GoogleSansCode.ttf') format('truetype-variations');
+  font-weight: 1 900;
+  font-style: monospace;
   ascent-override: 106.25%;
   size-adjust: 106.25%;
 }
@@ -37,7 +37,8 @@ img {
 
 /* You can override the default Infima variables here. */
 :root {
-  font-family: 'Overpass', sans-serif;
+  font-family: 'GoogleSans', sans-serif;
+  letter-spacing: 0.1px;
   --ifm-color-primary: #4250af;
   --ifm-color-primary-dark: #4250af;
   --ifm-color-primary-darker: #4250af;
@@ -48,6 +49,16 @@ img {
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
 }
 
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: 'GoogleSans', sans-serif;
+  letter-spacing: 0.1px;
+}
+
 /* For readability concerns, you should choose a lighter palette in dark mode. */
 [data-theme='dark'] {
   --ifm-color-primary: #adcbfa;
@@ -71,15 +82,22 @@ div[class^='announcementBar_'] {
   padding: 10px 10px 10px 16px;
   border-radius: 24px;
   margin-right: 16px;
+  font-weight: 500;
 }
 
 .menu__list-item-collapsible {
   margin-right: 16px;
   border-radius: 24px;
+  font-weight: 500;
 }
 
 .menu__link--active {
-  font-weight: 500;
+  font-weight: 600;
+}
+
+.table-of-contents__link {
+  font-size: 14px;
+  font-weight: 450;
 }
 
 /* workaround for version switcher PR 15894 */
@@ -88,13 +106,14 @@ div[class*='navbar__items'] > li:has(a[class*='version-switcher-34ab39']) {
 }
 
 code {
-  font-weight: 600;
+  font-weight: 500;
+  font-family: 'GoogleSansCode';
 }
 
 .buy-button {
   padding: 8px 14px;
   border: 1px solid transparent;
-  font-family: 'Overpass', sans-serif;
+  font-family: 'GoogleSans', sans-serif;
   font-weight: 500;
   cursor: pointer;
   box-shadow: 0 0 5px 2px rgba(181, 206, 254, 0.4);
diff --git a/docs/static/fonts/GoogleSans/GoogleSans.ttf b/docs/static/fonts/GoogleSans/GoogleSans.ttf
new file mode 100644
index 0000000000000..5d9102f85668b
Binary files /dev/null and b/docs/static/fonts/GoogleSans/GoogleSans.ttf differ
diff --git a/docs/static/fonts/GoogleSansCode/GoogleSansCode.ttf b/docs/static/fonts/GoogleSansCode/GoogleSansCode.ttf
new file mode 100644
index 0000000000000..b68d037edfe48
Binary files /dev/null and b/docs/static/fonts/GoogleSansCode/GoogleSansCode.ttf differ
diff --git a/docs/static/fonts/overpass/Overpass-Italic.ttf b/docs/static/fonts/overpass/Overpass-Italic.ttf
deleted file mode 100644
index 281dd742bba49..0000000000000
Binary files a/docs/static/fonts/overpass/Overpass-Italic.ttf and /dev/null differ
diff --git a/docs/static/fonts/overpass/Overpass.ttf b/docs/static/fonts/overpass/Overpass.ttf
deleted file mode 100644
index 1cf730a5ad8e2..0000000000000
Binary files a/docs/static/fonts/overpass/Overpass.ttf and /dev/null differ
diff --git a/docs/static/fonts/overpass/OverpassMono.ttf b/docs/static/fonts/overpass/OverpassMono.ttf
deleted file mode 100644
index 71ef818b335de..0000000000000
Binary files a/docs/static/fonts/overpass/OverpassMono.ttf and /dev/null differ
diff --git a/e2e/.nvmrc b/e2e/.nvmrc
index 248216ad5b80a..3fe3b1570a518 100644
--- a/e2e/.nvmrc
+++ b/e2e/.nvmrc
@@ -1 +1 @@
-24.12.0
+24.13.0
diff --git a/e2e/package.json b/e2e/package.json
index c42bf6eddbb85..c3d9a9f183344 100644
--- a/e2e/package.json
+++ b/e2e/package.json
@@ -52,6 +52,6 @@
     "vitest": "^3.0.0"
   },
   "volta": {
-    "node": "24.12.0"
+    "node": "24.13.0"
   }
 }
diff --git a/mise.toml b/mise.toml
index a4f597662a98a..f020a078d0ff2 100644
--- a/mise.toml
+++ b/mise.toml
@@ -1,7 +1,7 @@
 experimental_monorepo_root = true
 
 [tools]
-node = "24.12.0"
+node = "24.13.0"
 flutter = "3.35.7"
 pnpm = "10.27.0"
 terragrunt = "0.93.10"
diff --git a/mobile/fonts/GoogleSans/GoogleSans-Bold.ttf b/mobile/fonts/GoogleSans/GoogleSans-Bold.ttf
new file mode 100644
index 0000000000000..71b847f80f8f6
Binary files /dev/null and b/mobile/fonts/GoogleSans/GoogleSans-Bold.ttf differ
diff --git a/mobile/fonts/GoogleSans/GoogleSans-Italic.ttf b/mobile/fonts/GoogleSans/GoogleSans-Italic.ttf
new file mode 100644
index 0000000000000..1f9059a58c527
Binary files /dev/null and b/mobile/fonts/GoogleSans/GoogleSans-Italic.ttf differ
diff --git a/mobile/fonts/GoogleSans/GoogleSans-Medium.ttf b/mobile/fonts/GoogleSans/GoogleSans-Medium.ttf
new file mode 100644
index 0000000000000..8b9aebc9528d8
Binary files /dev/null and b/mobile/fonts/GoogleSans/GoogleSans-Medium.ttf differ
diff --git a/mobile/fonts/GoogleSans/GoogleSans-Regular.ttf b/mobile/fonts/GoogleSans/GoogleSans-Regular.ttf
new file mode 100644
index 0000000000000..cc37c3f38d86c
Binary files /dev/null and b/mobile/fonts/GoogleSans/GoogleSans-Regular.ttf differ
diff --git a/mobile/fonts/GoogleSans/GoogleSans-SemiBold.ttf b/mobile/fonts/GoogleSans/GoogleSans-SemiBold.ttf
new file mode 100644
index 0000000000000..b80284d2ea227
Binary files /dev/null and b/mobile/fonts/GoogleSans/GoogleSans-SemiBold.ttf differ
diff --git a/mobile/fonts/GoogleSansCode/GoogleSansCode-Medium.ttf b/mobile/fonts/GoogleSansCode/GoogleSansCode-Medium.ttf
new file mode 100644
index 0000000000000..5e7f46b979318
Binary files /dev/null and b/mobile/fonts/GoogleSansCode/GoogleSansCode-Medium.ttf differ
diff --git a/mobile/fonts/GoogleSansCode/GoogleSansCode-Regular.ttf b/mobile/fonts/GoogleSansCode/GoogleSansCode-Regular.ttf
new file mode 100644
index 0000000000000..5c520addd99ed
Binary files /dev/null and b/mobile/fonts/GoogleSansCode/GoogleSansCode-Regular.ttf differ
diff --git a/mobile/fonts/GoogleSansCode/GoogleSansCode-SemiBold.ttf b/mobile/fonts/GoogleSansCode/GoogleSansCode-SemiBold.ttf
new file mode 100644
index 0000000000000..a03c7f04404e2
Binary files /dev/null and b/mobile/fonts/GoogleSansCode/GoogleSansCode-SemiBold.ttf differ
diff --git a/mobile/lib/constants/locales.dart b/mobile/lib/constants/locales.dart
index f3c24384b0cc7..e20f037beb558 100644
--- a/mobile/lib/constants/locales.dart
+++ b/mobile/lib/constants/locales.dart
@@ -51,4 +51,4 @@ const Map<String, Locale> locales = {
 
 const String translationsPath = 'assets/i18n';
 
-const List<Locale> localesNotSupportedByOverpass = [Locale('el', 'GR'), Locale('sr', 'Cyrl')];
+const List<Locale> localesNotSupportedByAppFont = [Locale('el', 'GR'), Locale('sr', 'Cyrl')];
diff --git a/mobile/lib/pages/common/app_log.page.dart b/mobile/lib/pages/common/app_log.page.dart
index 37aec2f13c475..336bf0b605b50 100644
--- a/mobile/lib/pages/common/app_log.page.dart
+++ b/mobile/lib/pages/common/app_log.page.dart
@@ -100,7 +100,7 @@ class AppLogPage extends HookConsumerWidget {
             minLeadingWidth: 10,
             title: Text(
               truncateLogMessage(logMessage.message, 4),
-              style: TextStyle(fontSize: 14.0, color: context.colorScheme.onSurface, fontFamily: "Inconsolata"),
+              style: TextStyle(fontSize: 14.0, color: context.colorScheme.onSurface, fontFamily: "GoogleSansCode"),
             ),
             subtitle: Text(
               "at ${DateFormat("HH:mm:ss.SSS").format(logMessage.createdAt)} in ${logMessage.logger}",
diff --git a/mobile/lib/pages/common/app_log_detail.page.dart b/mobile/lib/pages/common/app_log_detail.page.dart
index de9604b7ad5c6..890e46888f475 100644
--- a/mobile/lib/pages/common/app_log_detail.page.dart
+++ b/mobile/lib/pages/common/app_log_detail.page.dart
@@ -57,7 +57,7 @@ class AppLogDetailPage extends HookConsumerWidget {
                 padding: const EdgeInsets.all(8.0),
                 child: SelectableText(
                   text,
-                  style: const TextStyle(fontSize: 12.0, fontWeight: FontWeight.bold, fontFamily: "Inconsolata"),
+                  style: const TextStyle(fontSize: 12.0, fontWeight: FontWeight.bold, fontFamily: "GoogleSansCode"),
                 ),
               ),
             ),
@@ -88,7 +88,7 @@ class AppLogDetailPage extends HookConsumerWidget {
                 padding: const EdgeInsets.all(8.0),
                 child: SelectableText(
                   logger.toString(),
-                  style: const TextStyle(fontSize: 12.0, fontWeight: FontWeight.bold, fontFamily: "Inconsolata"),
+                  style: const TextStyle(fontSize: 12.0, fontWeight: FontWeight.bold, fontFamily: "GoogleSansCode"),
                 ),
               ),
             ),
diff --git a/mobile/lib/pages/library/folder/folder.page.dart b/mobile/lib/pages/library/folder/folder.page.dart
index 2968bca18e756..497d3e51517e2 100644
--- a/mobile/lib/pages/library/folder/folder.page.dart
+++ b/mobile/lib/pages/library/folder/folder.page.dart
@@ -234,7 +234,7 @@ class FolderPath extends StatelessWidget {
               Text(
                 currentFolder.path,
                 style: TextStyle(
-                  fontFamily: 'Inconsolata',
+                  fontFamily: 'GoogleSansCode',
                   fontWeight: FontWeight.bold,
                   fontSize: 14,
                   color: context.colorScheme.onSurface.withAlpha(175),
diff --git a/mobile/lib/pages/login/login.page.dart b/mobile/lib/pages/login/login.page.dart
index e1d551900f017..5f40b32baa523 100644
--- a/mobile/lib/pages/login/login.page.dart
+++ b/mobile/lib/pages/login/login.page.dart
@@ -41,7 +41,7 @@ class LoginPage extends HookConsumerWidget {
                   style: TextStyle(
                     color: context.colorScheme.onSurfaceSecondary,
                     fontWeight: FontWeight.bold,
-                    fontFamily: "Inconsolata",
+                    fontFamily: "GoogleSansCode",
                   ),
                 ),
                 const Text(' '),
@@ -51,7 +51,7 @@ class LoginPage extends HookConsumerWidget {
                     style: TextStyle(
                       color: context.primaryColor,
                       fontWeight: FontWeight.bold,
-                      fontFamily: "Inconsolata",
+                      fontFamily: "GoogleSansCode",
                     ),
                   ),
                   onTap: () {
diff --git a/mobile/lib/presentation/widgets/timeline/scrubber.widget.dart b/mobile/lib/presentation/widgets/timeline/scrubber.widget.dart
index 58d7f933e9b59..d31048fbb512e 100644
--- a/mobile/lib/presentation/widgets/timeline/scrubber.widget.dart
+++ b/mobile/lib/presentation/widgets/timeline/scrubber.widget.dart
@@ -450,7 +450,7 @@ class _SegmentWidget extends StatelessWidget {
             alignment: Alignment.center,
             child: Text(
               _segment.date.year.toString(),
-              style: context.textTheme.labelMedium?.copyWith(fontFamily: "OverpassMono", fontWeight: FontWeight.w600),
+              style: context.textTheme.labelMedium?.copyWith(fontFamily: "GoogleSansCode", fontWeight: FontWeight.w600),
             ),
           ),
         ),
diff --git a/mobile/lib/theme/theme_data.dart b/mobile/lib/theme/theme_data.dart
index 8e3773839c809..006dfb97ec8fd 100644
--- a/mobile/lib/theme/theme_data.dart
+++ b/mobile/lib/theme/theme_data.dart
@@ -147,9 +147,9 @@ ImmichTheme decolorizeSurfaces({required ImmichTheme theme}) {
 }
 
 String? _getFontFamilyFromLocale(Locale locale) {
-  if (localesNotSupportedByOverpass.contains(locale)) {
+  if (localesNotSupportedByAppFont.contains(locale)) {
     // Let Flutter use the default font
     return null;
   }
-  return 'Overpass';
+  return 'GoogleSans';
 }
diff --git a/mobile/lib/widgets/asset_viewer/advanced_bottom_sheet.dart b/mobile/lib/widgets/asset_viewer/advanced_bottom_sheet.dart
index faa058ced4f07..1a3ef3eac3486 100644
--- a/mobile/lib/widgets/asset_viewer/advanced_bottom_sheet.dart
+++ b/mobile/lib/widgets/asset_viewer/advanced_bottom_sheet.dart
@@ -58,7 +58,7 @@ class AdvancedBottomSheet extends HookConsumerWidget {
                           style: const TextStyle(
                             fontSize: 12.0,
                             fontWeight: FontWeight.bold,
-                            fontFamily: "Inconsolata",
+                            fontFamily: "GoogleSansCode",
                           ),
                           showCursor: true,
                         ),
diff --git a/mobile/lib/widgets/backup/upload_progress_bar.dart b/mobile/lib/widgets/backup/upload_progress_bar.dart
index 65ff6c758afee..641ed14878c33 100644
--- a/mobile/lib/widgets/backup/upload_progress_bar.dart
+++ b/mobile/lib/widgets/backup/upload_progress_bar.dart
@@ -36,7 +36,7 @@ class BackupUploadProgressBar extends ConsumerWidget {
           ),
           Text(
             " ${uploadProgress.toStringAsFixed(0)}%",
-            style: const TextStyle(fontSize: 12, fontFamily: "OverpassMono"),
+            style: const TextStyle(fontSize: 12, fontFamily: "GoogleSansCode"),
           ),
         ],
       ),
diff --git a/mobile/lib/widgets/backup/upload_stats.dart b/mobile/lib/widgets/backup/upload_stats.dart
index c9b626c51c903..38f99e53fc183 100644
--- a/mobile/lib/widgets/backup/upload_stats.dart
+++ b/mobile/lib/widgets/backup/upload_stats.dart
@@ -26,10 +26,10 @@ class BackupUploadStats extends ConsumerWidget {
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: [
-          Text(uploadFileProgress, style: const TextStyle(fontSize: 10, fontFamily: "OverpassMono")),
+          Text(uploadFileProgress, style: const TextStyle(fontSize: 10, fontFamily: "GoogleSansCode")),
           Text(
             _formatUploadFileSpeed(uploadFileSpeed),
-            style: const TextStyle(fontSize: 10, fontFamily: "OverpassMono"),
+            style: const TextStyle(fontSize: 10, fontFamily: "GoogleSansCode"),
           ),
         ],
       ),
diff --git a/mobile/lib/widgets/forms/pin_input.dart b/mobile/lib/widgets/forms/pin_input.dart
index 88e27f005e1bd..c4f0d8f3b78b8 100644
--- a/mobile/lib/widgets/forms/pin_input.dart
+++ b/mobile/lib/widgets/forms/pin_input.dart
@@ -43,7 +43,7 @@ class PinInput extends StatelessWidget {
     final defaultPinTheme = PinTheme(
       width: getPinSize().width,
       height: getPinSize().height,
-      textStyle: TextStyle(fontSize: 24, color: context.colorScheme.onSurface, fontFamily: 'Overpass Mono'),
+      textStyle: TextStyle(fontSize: 24, color: context.colorScheme.onSurface, fontFamily: 'GoogleSansCode'),
       decoration: BoxDecoration(
         borderRadius: const BorderRadius.all(Radius.circular(19)),
         border: Border.all(color: context.colorScheme.surfaceBright),
diff --git a/mobile/lib/widgets/settings/beta_sync_settings/entity_count_tile.dart b/mobile/lib/widgets/settings/beta_sync_settings/entity_count_tile.dart
index d9a0bae6063b1..6120524d5bbd5 100644
--- a/mobile/lib/widgets/settings/beta_sync_settings/entity_count_tile.dart
+++ b/mobile/lib/widgets/settings/beta_sync_settings/entity_count_tile.dart
@@ -50,7 +50,7 @@ class EntityCountTile extends StatelessWidget {
           const Spacer(),
           RichText(
             text: TextSpan(
-              style: const TextStyle(fontSize: 18, fontFamily: 'OverpassMono', fontWeight: FontWeight.w600),
+              style: const TextStyle(fontSize: 18, fontFamily: 'GoogleSansCode', fontWeight: FontWeight.w600),
               children: [
                 TextSpan(
                   text: zeroPadding(count, maxDigits),
diff --git a/mobile/lib/widgets/settings/networking_settings/endpoint_input.dart b/mobile/lib/widgets/settings/networking_settings/endpoint_input.dart
index a712ce416c851..47e85fd7cca16 100644
--- a/mobile/lib/widgets/settings/networking_settings/endpoint_input.dart
+++ b/mobile/lib/widgets/settings/networking_settings/endpoint_input.dart
@@ -117,7 +117,7 @@ class EndpointInputState extends ConsumerState<EndpointInput> {
           autovalidateMode: AutovalidateMode.onUserInteraction,
           validator: validateUrl,
           keyboardType: TextInputType.url,
-          style: const TextStyle(fontFamily: 'Inconsolata', fontWeight: FontWeight.w600, fontSize: 14),
+          style: const TextStyle(fontFamily: 'GoogleSansCode', fontWeight: FontWeight.w600, fontSize: 14),
           decoration: InputDecoration(
             hintText: 'http(s)://immich.domain.com',
             contentPadding: const EdgeInsets.all(16),
diff --git a/mobile/lib/widgets/settings/networking_settings/local_network_preference.dart b/mobile/lib/widgets/settings/networking_settings/local_network_preference.dart
index 21e26c8f1fe62..3f47233eeca21 100644
--- a/mobile/lib/widgets/settings/networking_settings/local_network_preference.dart
+++ b/mobile/lib/widgets/settings/networking_settings/local_network_preference.dart
@@ -155,7 +155,7 @@ class LocalNetworkPreference extends HookConsumerWidget {
                               style: context.textTheme.labelLarge?.copyWith(
                                 fontWeight: FontWeight.bold,
                                 color: enabled ? context.primaryColor : context.colorScheme.onSurface.withAlpha(100),
-                                fontFamily: 'Inconsolata',
+                                fontFamily: 'GoogleSansCode',
                               ),
                             ),
                       trailing: IconButton(
@@ -175,7 +175,7 @@ class LocalNetworkPreference extends HookConsumerWidget {
                               style: context.textTheme.labelLarge?.copyWith(
                                 fontWeight: FontWeight.bold,
                                 color: enabled ? context.primaryColor : context.colorScheme.onSurface.withAlpha(100),
-                                fontFamily: 'Inconsolata',
+                                fontFamily: 'GoogleSansCode',
                               ),
                             ),
                       trailing: IconButton(
diff --git a/mobile/lib/widgets/settings/networking_settings/networking_settings.dart b/mobile/lib/widgets/settings/networking_settings/networking_settings.dart
index 272b83c9aac7e..4acf80af84615 100644
--- a/mobile/lib/widgets/settings/networking_settings/networking_settings.dart
+++ b/mobile/lib/widgets/settings/networking_settings/networking_settings.dart
@@ -110,7 +110,7 @@ class NetworkingSettings extends HookConsumerWidget {
                 currentEndpoint ?? "--",
                 style: TextStyle(
                   fontSize: 16,
-                  fontFamily: 'Inconsolata',
+                  fontFamily: 'GoogleSansCode',
                   fontWeight: FontWeight.bold,
                   color: context.primaryColor,
                 ),
diff --git a/mobile/pubspec.yaml b/mobile/pubspec.yaml
index 7d484f0c64b86..64d7205444059 100644
--- a/mobile/pubspec.yaml
+++ b/mobile/pubspec.yaml
@@ -127,24 +127,26 @@ flutter:
   assets:
     - assets/
   fonts:
-    - family: Inconsolata
+    - family: GoogleSans
       fonts:
-        - asset: fonts/Inconsolata-Regular.ttf
-    - family: Overpass
-      fonts:
-        - asset: fonts/overpass/Overpass-Regular.ttf
+        - asset: fonts/GoogleSans/GoogleSans-Regular.ttf
           weight: 400
-        - asset: fonts/overpass/Overpass-Italic.ttf
+        - asset: fonts/GoogleSans/GoogleSans-Italic.ttf
           style: italic
-        - asset: fonts/overpass/Overpass-Medium.ttf
+        - asset: fonts/GoogleSans/GoogleSans-Medium.ttf
           weight: 500
-        - asset: fonts/overpass/Overpass-SemiBold.ttf
+        - asset: fonts/GoogleSans/GoogleSans-SemiBold.ttf
           weight: 600
-        - asset: fonts/overpass/Overpass-Bold.ttf
+        - asset: fonts/GoogleSans/GoogleSans-Bold.ttf
           weight: 700
-    - family: OverpassMono
+    - family: GoogleSansCode
       fonts:
-        - asset: fonts/overpass/OverpassMono.ttf
+        - asset: fonts/GoogleSansCode/GoogleSansCode-Regular.ttf
+          weight: 400
+        - asset: fonts/GoogleSansCode/GoogleSansCode-Medium.ttf
+          weight: 500
+        - asset: fonts/GoogleSansCode/GoogleSansCode-SemiBold.ttf
+          weight: 600
 flutter_launcher_icons:
   image_path_android: 'assets/immich-logo.png'
   adaptive_icon_background: '#ffffff'
diff --git a/open-api/typescript-sdk/.nvmrc b/open-api/typescript-sdk/.nvmrc
index 248216ad5b80a..3fe3b1570a518 100644
--- a/open-api/typescript-sdk/.nvmrc
+++ b/open-api/typescript-sdk/.nvmrc
@@ -1 +1 @@
-24.12.0
+24.13.0
diff --git a/open-api/typescript-sdk/package.json b/open-api/typescript-sdk/package.json
index 832093fe23378..69e422cbbeddf 100644
--- a/open-api/typescript-sdk/package.json
+++ b/open-api/typescript-sdk/package.json
@@ -28,6 +28,6 @@
     "directory": "open-api/typescript-sdk"
   },
   "volta": {
-    "node": "24.12.0"
+    "node": "24.13.0"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3a58f9f43e96b..c4de9717b7118 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -738,8 +738,8 @@ importers:
         specifier: file:../open-api/typescript-sdk
         version: link:../open-api/typescript-sdk
       '@immich/ui':
-        specifier: ^0.56.1
-        version: 0.56.1(@sveltejs/kit@2.49.3(@opentelemetry/api@1.9.0)(@sveltejs/vite-plugin-svelte@6.2.3(svelte@5.46.1)(vite@7.3.1(@types/node@25.0.7)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)))(svelte@5.46.1)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.7)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)))(svelte@5.46.1)
+        specifier: ^0.57.3
+        version: 0.57.3(@sveltejs/kit@2.49.3(@opentelemetry/api@1.9.0)(@sveltejs/vite-plugin-svelte@6.2.3(svelte@5.46.1)(vite@7.3.1(@types/node@25.0.7)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)))(svelte@5.46.1)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.7)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)))(svelte@5.46.1)
       '@mapbox/mapbox-gl-rtl-text':
         specifier: 0.2.3
         version: 0.2.3(mapbox-gl@1.13.3)
@@ -3087,8 +3087,8 @@ packages:
     peerDependencies:
       svelte: ^5.0.0
 
-  '@immich/ui@0.56.1':
-    resolution: {integrity: sha512-W4uEQn9pxVKRvIV7sl9p6dU2r7xlVsMFxBeClxtXzSsiJEoE10uZwBIm0L9q17c4TQ/+lk9e/w1e4jNSvFqFwQ==}
+  '@immich/ui@0.57.3':
+    resolution: {integrity: sha512-5Y0KmyHRojem1gvX4hbr01GZ35oq22AkYE3CImvg3+jmZQhP0newTiqyVYJsfnEupLZKu5bFIlWykIe8uwMqDQ==}
     peerDependencies:
       svelte: ^5.0.0
 
@@ -15144,7 +15144,7 @@ snapshots:
     dependencies:
       svelte: 5.46.1
 
-  '@immich/ui@0.56.1(@sveltejs/kit@2.49.3(@opentelemetry/api@1.9.0)(@sveltejs/vite-plugin-svelte@6.2.3(svelte@5.46.1)(vite@7.3.1(@types/node@25.0.7)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)))(svelte@5.46.1)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.7)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)))(svelte@5.46.1)':
+  '@immich/ui@0.57.3(@sveltejs/kit@2.49.3(@opentelemetry/api@1.9.0)(@sveltejs/vite-plugin-svelte@6.2.3(svelte@5.46.1)(vite@7.3.1(@types/node@25.0.7)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)))(svelte@5.46.1)(typescript@5.9.3)(vite@7.3.1(@types/node@25.0.7)(jiti@2.6.1)(lightningcss@1.30.2)(sass@1.97.1)(terser@5.44.1)(tsx@4.21.0)(yaml@2.8.2)))(svelte@5.46.1)':
     dependencies:
       '@immich/svelte-markdown-preprocess': 0.1.0(svelte@5.46.1)
       '@internationalized/date': 3.10.0
diff --git a/server/.nvmrc b/server/.nvmrc
index 248216ad5b80a..3fe3b1570a518 100644
--- a/server/.nvmrc
+++ b/server/.nvmrc
@@ -1 +1 @@
-24.12.0
+24.13.0
diff --git a/server/package.json b/server/package.json
index eee94412094e1..882c7e71ba10b 100644
--- a/server/package.json
+++ b/server/package.json
@@ -167,7 +167,7 @@
     "vitest": "^3.0.0"
   },
   "volta": {
-    "node": "24.12.0"
+    "node": "24.13.0"
   },
   "overrides": {
     "sharp": "^0.34.5"
diff --git a/web/.nvmrc b/web/.nvmrc
index 248216ad5b80a..3fe3b1570a518 100644
--- a/web/.nvmrc
+++ b/web/.nvmrc
@@ -1 +1 @@
-24.12.0
+24.13.0
diff --git a/web/package.json b/web/package.json
index f2581db97bd37..e02bbefacc375 100644
--- a/web/package.json
+++ b/web/package.json
@@ -27,7 +27,7 @@
     "@formatjs/icu-messageformat-parser": "^3.0.0",
     "@immich/justified-layout-wasm": "^0.4.3",
     "@immich/sdk": "file:../open-api/typescript-sdk",
-    "@immich/ui": "^0.56.1",
+    "@immich/ui": "^0.57.3",
     "@mapbox/mapbox-gl-rtl-text": "0.2.3",
     "@mdi/js": "^7.4.47",
     "@photo-sphere-viewer/core": "^5.14.0",
@@ -107,6 +107,6 @@
     "vitest": "^3.0.0"
   },
   "volta": {
-    "node": "24.12.0"
+    "node": "24.13.0"
   }
 }
diff --git a/web/src/app.css b/web/src/app.css
index bf7601f63b233..ca4634cfd97bb 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -49,7 +49,7 @@
 }
 
 @theme {
-  --font-immich-mono: Overpass Mono, monospace;
+  --font-immich-mono: GoogleSansCode, monospace;
 
   --spacing-18: 4.5rem;
 
@@ -84,25 +84,25 @@
 
 @layer utilities {
   @font-face {
-    font-family: 'Overpass';
-    src: url('$lib/assets/fonts/overpass/Overpass.ttf') format('truetype-variations');
-    font-weight: 1 999;
+    font-family: 'GoogleSans';
+    src: url('$lib/assets/fonts/GoogleSans/GoogleSans.ttf') format('truetype-variations');
+    font-weight: 410 900;
     font-style: normal;
     ascent-override: 106.25%;
     size-adjust: 106.25%;
   }
 
   @font-face {
-    font-family: 'Overpass Mono';
-    src: url('$lib/assets/fonts/overpass/OverpassMono.ttf') format('truetype-variations');
-    font-weight: 1 999;
+    font-family: 'GoogleSansCode';
+    src: url('$lib/assets/fonts/GoogleSansCode/GoogleSansCode.ttf') format('truetype-variations');
+    font-weight: 1 900;
     font-style: monospace;
-    ascent-override: 106.25%;
-    size-adjust: 106.25%;
   }
 
   :root {
-    font-family: 'Overpass', sans-serif;
+    font-family: 'GoogleSans', sans-serif;
+    letter-spacing: 0.1px;
+
     /* Used by layouts to ensure proper spacing between navbar and content */
     --navbar-height: calc(4.5rem + 4px);
     --navbar-height-md: calc(4.5rem + 4px - 14px);
diff --git a/web/src/hooks.server.ts b/web/src/hooks.server.ts
index 1606f927966eb..4a08e7bf618c1 100644
--- a/web/src/hooks.server.ts
+++ b/web/src/hooks.server.ts
@@ -1,12 +1,12 @@
-import overpass from '$lib/assets/fonts/overpass/Overpass.ttf?url';
-import overpassMono from '$lib/assets/fonts/overpass/OverpassMono.ttf?url';
+import GoogleSans from '$lib/assets/fonts/GoogleSans/GoogleSans.ttf?url';
+import GoogleSansCode from '$lib/assets/fonts/GoogleSansCode/GoogleSansCode.ttf?url';
 import type { Handle } from '@sveltejs/kit';
 
 // only used during the build to replace the variables from app.html
 export const handle = (async ({ event, resolve }) => {
   return resolve(event, {
     transformPageChunk: ({ html }) => {
-      return html.replace('%app.font%', overpass).replace('%app.monofont%', overpassMono);
+      return html.replace('%app.font%', GoogleSans).replace('%app.monofont%', GoogleSansCode);
     },
   });
 }) satisfies Handle;
diff --git a/web/src/lib/assets/fonts/GoogleSans/GoogleSans.ttf b/web/src/lib/assets/fonts/GoogleSans/GoogleSans.ttf
new file mode 100644
index 0000000000000..5d9102f85668b
Binary files /dev/null and b/web/src/lib/assets/fonts/GoogleSans/GoogleSans.ttf differ
diff --git a/web/src/lib/assets/fonts/GoogleSansCode/GoogleSansCode.ttf b/web/src/lib/assets/fonts/GoogleSansCode/GoogleSansCode.ttf
new file mode 100644
index 0000000000000..b68d037edfe48
Binary files /dev/null and b/web/src/lib/assets/fonts/GoogleSansCode/GoogleSansCode.ttf differ
diff --git a/web/src/lib/assets/fonts/overpass/Overpass-Italic.ttf b/web/src/lib/assets/fonts/overpass/Overpass-Italic.ttf
deleted file mode 100644
index 281dd742bba49..0000000000000
Binary files a/web/src/lib/assets/fonts/overpass/Overpass-Italic.ttf and /dev/null differ
diff --git a/web/src/lib/assets/fonts/overpass/Overpass.ttf b/web/src/lib/assets/fonts/overpass/Overpass.ttf
deleted file mode 100644
index 1cf730a5ad8e2..0000000000000
Binary files a/web/src/lib/assets/fonts/overpass/Overpass.ttf and /dev/null differ
diff --git a/web/src/lib/assets/fonts/overpass/OverpassMono.ttf b/web/src/lib/assets/fonts/overpass/OverpassMono.ttf
deleted file mode 100644
index 71ef818b335de..0000000000000
Binary files a/web/src/lib/assets/fonts/overpass/OverpassMono.ttf and /dev/null differ
diff --git a/web/src/lib/components/album-page/album-description.svelte b/web/src/lib/components/album-page/album-description.svelte
index 2b2a185c5b4b0..00744832a733e 100644
--- a/web/src/lib/components/album-page/album-description.svelte
+++ b/web/src/lib/components/album-page/album-description.svelte
@@ -31,7 +31,7 @@
 {#if isOwned}
   <Textarea
     bind:value={description}
-    class="outline-none border-b border-gray-500 bg-transparent ring-0 focus:ring-0 resize-none focus:border-b-2 focus:border-immich-primary dark:focus:border-immich-dark-primary dark:bg-transparent"
+    class="outline-none border-b max-h-32 border-transparent pl-0 bg-transparent ring-0 focus:ring-0 resize-none focus:border-b-2 focus:border-immich-primary dark:focus:border-immich-dark-primary dark:bg-transparent"
     rows={1}
     grow
     shape="rectangle"
@@ -44,7 +44,7 @@
     }))}
   />
 {:else if description}
-  <p class="break-words whitespace-pre-line w-full text-black dark:text-white text-base">
+  <p class="wrap-break-words whitespace-pre-line w-full text-black dark:text-white text-base">
     {description}
   </p>
 {/if}
diff --git a/web/src/lib/components/album-page/albums-list.svelte b/web/src/lib/components/album-page/albums-list.svelte
index f950208a16cce..c2f6dad85ceea 100644
--- a/web/src/lib/components/album-page/albums-list.svelte
+++ b/web/src/lib/components/album-page/albums-list.svelte
@@ -138,7 +138,11 @@
   const normalizedSearchQuery = $derived(normalizeSearchString(searchQuery));
   let filteredAlbums = $derived(
     normalizedSearchQuery
-      ? albums.filter(({ albumName }) => normalizeSearchString(albumName).includes(normalizedSearchQuery))
+      ? albums.filter(
+          ({ albumName, description }) =>
+            normalizeSearchString(albumName).includes(normalizedSearchQuery) ||
+            normalizeSearchString(description).includes(normalizedSearchQuery),
+        )
       : albums,
   );
 
diff --git a/web/src/lib/components/asset-viewer/asset-viewer.svelte b/web/src/lib/components/asset-viewer/asset-viewer.svelte
index a7f22aa6febc6..c6a1efc069aa2 100644
--- a/web/src/lib/components/asset-viewer/asset-viewer.svelte
+++ b/web/src/lib/components/asset-viewer/asset-viewer.svelte
@@ -566,7 +566,7 @@
     <div
       transition:fly={{ duration: 150 }}
       id="detail-panel"
-      class="row-start-1 row-span-4 w-[360px] overflow-y-auto transition-all dark:border-l dark:border-s-immich-dark-gray bg-light"
+      class="row-start-1 row-span-4 w-90 overflow-y-auto transition-all dark:border-l dark:border-s-immich-dark-gray bg-light"
       translate="yes"
     >
       <DetailPanel {asset} currentAlbum={album} albums={appearsInAlbums} />
@@ -577,7 +577,7 @@
     <div
       transition:fly={{ duration: 150 }}
       id="editor-panel"
-      class="row-start-1 row-span-4 w-[400px] overflow-y-auto transition-all dark:border-l dark:border-s-immich-dark-gray"
+      class="row-start-1 row-span-4 w-100 overflow-y-auto transition-all dark:border-l dark:border-s-immich-dark-gray"
       translate="yes"
     >
       <EditorPanel {asset} onClose={closeEditor} />
@@ -624,7 +624,7 @@
     <div
       transition:fly={{ duration: 150 }}
       id="activity-panel"
-      class="row-start-1 row-span-5 w-[360px] md:w-[460px] overflow-y-auto transition-all dark:border-l dark:border-s-immich-dark-gray"
+      class="row-start-1 row-span-5 w-90 md:w-115 overflow-y-auto transition-all dark:border-l dark:border-s-immich-dark-gray"
       translate="yes"
     >
       <ActivityViewer
diff --git a/web/src/lib/components/asset-viewer/detail-panel-description.svelte b/web/src/lib/components/asset-viewer/detail-panel-description.svelte
index a1ffd8441bf24..bc3929f3dd4b5 100644
--- a/web/src/lib/components/asset-viewer/detail-panel-description.svelte
+++ b/web/src/lib/components/asset-viewer/detail-panel-description.svelte
@@ -33,7 +33,7 @@
   <section class="px-4 mt-10">
     <Textarea
       bind:value={description}
-      class="max-h-40 outline-none border-b border-gray-500 bg-transparent ring-0 focus:ring-0 resize-none focus:border-b-2 focus:border-immich-primary dark:focus:border-immich-dark-primary dark:bg-transparent"
+      class="max-h-40 pl-0 outline-none border-b border-gray-500 bg-transparent ring-0 focus:ring-0 resize-none focus:border-b-2 focus:border-immich-primary dark:focus:border-immich-dark-primary dark:bg-transparent"
       rows={1}
       grow
       shape="rectangle"
diff --git a/web/src/lib/components/layouts/user-page-layout.svelte b/web/src/lib/components/layouts/user-page-layout.svelte
index af85f5f37f86d..500e66c8da221 100644
--- a/web/src/lib/components/layouts/user-page-layout.svelte
+++ b/web/src/lib/components/layouts/user-page-layout.svelte
@@ -79,7 +79,7 @@
       <div class="absolute flex h-16 w-full place-items-center justify-between border-b p-2 text-dark">
         <div class="flex gap-2 items-center">
           {#if title}
-            <div class="font-medium outline-none pe-8" tabindex="-1" id={headerId}>{title}</div>
+            <div class="outline-none pe-8" tabindex="-1" id={headerId}>{title}</div>
           {/if}
           {#if description}
             <p class="text-sm text-gray-400 dark:text-gray-600">{description}</p>
diff --git a/web/src/lib/components/server-statistics/ServerStatisticsCard.svelte b/web/src/lib/components/server-statistics/ServerStatisticsCard.svelte
index 61d4c643c8f3c..373dd88741df0 100644
--- a/web/src/lib/components/server-statistics/ServerStatisticsCard.svelte
+++ b/web/src/lib/components/server-statistics/ServerStatisticsCard.svelte
@@ -23,13 +23,13 @@
 <div class="flex h-35 w-full flex-col justify-between rounded-3xl bg-subtle text-primary p-5">
   <div class="flex place-items-center gap-4">
     <Icon {icon} size="40" />
-    <Text size="large" fontWeight="bold" class="uppercase">{title}</Text>
+    <Text size="giant" class="font-medium">{title}</Text>
   </div>
 
-  <div class="relative mx-auto font-mono text-2xl font-semibold">
-    <span class="text-gray-400 dark:text-gray-600">{zeros()}</span><span>{value}</span>
+  <div class="relative mx-auto font-immich-mono text-2xl font-medium">
+    <span class="text-gray-300 dark:text-gray-600">{zeros()}</span><span>{value}</span>
     {#if unit}
-      <Code color="muted" class="absolute -top-5 end-1 font-light p-0">{unit}</Code>
+      <Code color="muted" class="font-immich-mono absolute -top-5 end-1 font-light p-0">{unit}</Code>
     {/if}
   </div>
 </div>
diff --git a/web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte b/web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte
index 614b075cb89e0..6c188d3fea24a 100644
--- a/web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte
+++ b/web/src/lib/components/server-statistics/ServerStatisticsPanel.svelte
@@ -3,7 +3,7 @@
   import { locale } from '$lib/stores/preferences.store';
   import { getByteUnitString, getBytesWithUnit } from '$lib/utils/byte-units';
   import type { ServerStatsResponseDto } from '@immich/sdk';
-  import { Code, Heading, Icon, Text } from '@immich/ui';
+  import { Code, Icon, Text } from '@immich/ui';
   import { mdiCameraIris, mdiChartPie, mdiPlayCircle } from '@mdi/js';
   import { t } from 'svelte-i18n';
 
@@ -13,8 +13,7 @@
 
   const { stats }: Props = $props();
 
-  const zeros = (value: number) => {
-    const maxLength = 13;
+  const zeros = (value: number, maxLength = 13) => {
     const valueLength = value.toString().length;
     const zeroLength = maxLength - valueLength;
 
@@ -27,7 +26,7 @@
 
 <div class="flex flex-col gap-5 my-4">
   <div>
-    <Heading size="tiny" class="mb-2">{$t('total_usage')}</Heading>
+    <Text class="mb-2 font-medium">{$t('total_usage')}</Text>
 
     <div class="hidden justify-between lg:flex gap-4">
       <StatsCard icon={mdiCameraIris} title={$t('photos')} value={stats.photos} />
@@ -40,38 +39,35 @@
         <div class="flex flex-wrap gap-x-12">
           <div class="flex flex-1 place-items-center gap-4 text-primary">
             <Icon icon={mdiCameraIris} size="25" />
-            <Text fontWeight="bold" class="uppercase">{$t('photos')}</Text>
+            <Text class="font-medium" size="medium">{$t('photos')}</Text>
           </div>
 
-          <div class="relative text-center font-mono text-2xl font-semibold">
-            <span class="text-gray-400 dark:text-gray-600">{zeros(stats.photos)}</span><span class="text-primary"
-              >{stats.photos}</span
-            >
+          <div class="relative text-center font-immich-mono text-2xl font-medium">
+            <span class="text-light-300">{zeros(stats.photos)}</span><span class="text-primary">{stats.photos}</span>
           </div>
         </div>
         <div class="flex flex-wrap gap-x-12">
           <div class="flex flex-1 place-items-center gap-4 text-primary">
             <Icon icon={mdiPlayCircle} size="25" />
-            <Text fontWeight="bold" class="uppercase">{$t('videos')}</Text>
+            <Text class="font-medium" size="medium">{$t('videos')}</Text>
           </div>
 
-          <div class="relative text-center font-mono text-2xl font-semibold">
-            <span class="text-gray-400 dark:text-gray-600">{zeros(stats.videos)}</span><span class="text-primary"
-              >{stats.videos}</span
-            >
+          <div class="relative text-center font-immich-mono text-2xl font-medium">
+            <span class="text-light-300">{zeros(stats.videos)}</span><span class="text-primary">{stats.videos}</span>
           </div>
         </div>
         <div class="flex flex-wrap gap-x-5">
           <div class="flex flex-1 flex-nowrap place-items-center gap-4 text-primary">
             <Icon icon={mdiChartPie} size="25" />
-            <Text fontWeight="bold" class="uppercase">{$t('storage')}</Text>
+            <Text class="font-medium" size="medium">{$t('storage')}</Text>
           </div>
 
-          <div class="relative flex text-center font-mono text-2xl font-semibold">
-            <span class="text-gray-400 dark:text-gray-600">{zeros(statsUsage)}</span><span class="text-primary"
-              >{statsUsage}</span
-            >
-            <Code color="muted" class="font-light">{statsUsageUnit}</Code>
+          <div class="relative flex text-center font-immich-mono text-2xl font-medium">
+            <span class="text-light-300">{zeros(statsUsage)}</span><span class="text-primary">{statsUsage}</span>
+
+            <div class="absolute -right-1.5 -bottom-4">
+              <Code color="muted" class="text-xs font-light font-immich-mono">{statsUsageUnit}</Code>
+            </div>
           </div>
         </div>
       </div>
@@ -79,7 +75,7 @@
   </div>
 
   <div>
-    <Heading size="tiny" class="mb-2">{$t('user_usage_detail')}</Heading>
+    <Text class="mt-6 mb-2 font-medium">{$t('user_usage_detail')}</Text>
     <table class="mt-5 w-full text-start">
       <thead
         class="mb-4 flex h-12 w-full rounded-md border bg-gray-50 text-primary dark:border-immich-dark-gray dark:bg-immich-dark-gray"
diff --git a/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte b/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
index f80edb20ba349..eda9d822b4dfb 100644
--- a/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
+++ b/web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
@@ -467,7 +467,7 @@
           />
           {#if showAssetName && !isTimelineAsset(asset)}
             <div
-              class="absolute text-center p-1 text-xs font-mono font-semibold w-full bottom-0 bg-linear-to-t bg-slate-50/75 dark:bg-slate-800/75 overflow-clip text-ellipsis whitespace-pre-wrap"
+              class="absolute text-center p-1 text-xs font-immich-mono font-semibold w-full bottom-0 bg-linear-to-t bg-slate-50/75 dark:bg-slate-800/75 overflow-clip text-ellipsis whitespace-pre-wrap"
             >
               {asset.originalFileName}
             </div>
diff --git a/web/src/lib/components/shared-components/map/map.svelte b/web/src/lib/components/shared-components/map/map.svelte
index e3a926f9b60f3..22b35dba2017c 100644
--- a/web/src/lib/components/shared-components/map/map.svelte
+++ b/web/src/lib/components/shared-components/map/map.svelte
@@ -361,7 +361,7 @@
       >
         {#snippet children({ feature })}
           <div
-            class="rounded-full w-10 h-10 bg-immich-primary text-white flex justify-center items-center font-mono font-bold shadow-lg hover:bg-immich-dark-primary transition-all duration-200 hover:text-immich-dark-bg opacity-90"
+            class="rounded-full w-10 h-10 bg-immich-primary text-white flex justify-center items-center font-immich-mono font-bold shadow-lg hover:bg-immich-dark-primary transition-all duration-200 hover:text-immich-dark-bg opacity-90"
           >
             {feature.properties?.point_count?.toLocaleString()}
           </div>
diff --git a/web/src/lib/components/shared-components/settings/setting-accordion.svelte b/web/src/lib/components/shared-components/settings/setting-accordion.svelte
index 0d6ded3cdd8e7..585de9cbc6f4e 100755
--- a/web/src/lib/components/shared-components/settings/setting-accordion.svelte
+++ b/web/src/lib/components/shared-components/settings/setting-accordion.svelte
@@ -64,7 +64,7 @@
 </script>
 
 <div
-  class="border-2 rounded-2xl border-primary/20 my-4 px-6 py-4 transition-all {isOpen
+  class="border-2 rounded-2xl border-primary/20 mt-4 px-6 py-4 transition-all {isOpen
     ? 'border-primary/60 shadow-md'
     : ''}"
   bind:this={accordionElement}
diff --git a/web/src/lib/components/shared-components/settings/settings-language-selector.svelte b/web/src/lib/components/shared-components/settings/settings-language-selector.svelte
index dbbdaabb94a36..6fca8f62739eb 100644
--- a/web/src/lib/components/shared-components/settings/settings-language-selector.svelte
+++ b/web/src/lib/components/shared-components/settings/settings-language-selector.svelte
@@ -35,11 +35,11 @@
   let closestLanguage = $derived(getClosestAvailableLocale([$lang], langCodes));
 </script>
 
-<div class="max-w-[300px]">
+<div class="max-w-75">
   {#if showSettingDescription}
     <div>
       <div class="flex h-6.5 place-items-center gap-1">
-        <Label>{$t('language')}</Label>
+        <Label size="small">{$t('language')}</Label>
       </div>
 
       <Text size="small" color="muted">{$t('language_setting_description')}</Text>
diff --git a/web/src/lib/components/shared-components/side-bar/server-status.svelte b/web/src/lib/components/shared-components/side-bar/server-status.svelte
index 3d5c3d1215a6b..d5b87f4bf49af 100644
--- a/web/src/lib/components/shared-components/side-bar/server-status.svelte
+++ b/web/src/lib/components/shared-components/side-bar/server-status.svelte
@@ -62,12 +62,12 @@
 >
   {#if $connected}
     <div class="flex gap-2 place-items-center place-content-center">
-      <div class="w-[7px] h-[7px] bg-green-500 rounded-full"></div>
+      <div class="w-1.75 h-1.75 bg-green-500 rounded-full"></div>
       <p class="dark:text-immich-gray">{$t('server_online')}</p>
     </div>
   {:else}
     <div class="flex gap-2 place-items-center place-content-center">
-      <div class="w-[7px] h-[7px] bg-red-500 rounded-full"></div>
+      <div class="w-1.75 h-1.75 bg-red-500 rounded-full"></div>
       <p class="text-red-500">{$t('server_offline')}</p>
     </div>
   {/if}
diff --git a/web/src/lib/components/shared-components/side-bar/storage-space.svelte b/web/src/lib/components/shared-components/side-bar/storage-space.svelte
index 440cada910ddd..5453ad8f58762 100644
--- a/web/src/lib/components/shared-components/side-bar/storage-space.svelte
+++ b/web/src/lib/components/shared-components/side-bar/storage-space.svelte
@@ -66,8 +66,8 @@
       })}
     </p>
 
-    <div class="mt-4 h-[7px] w-full rounded-full bg-gray-200 dark:bg-gray-700">
-      <div class="h-[7px] rounded-full {usageClasses}" style="width: {usedPercentage}%"></div>
+    <div class="mt-4 h-1.75 w-full rounded-full bg-gray-200 dark:bg-gray-700">
+      <div class="h-1.75 rounded-full {usageClasses}" style="width: {usedPercentage}%"></div>
     </div>
   {:else}
     <div class="mt-2">
diff --git a/web/src/lib/components/shared-components/tree/breadcrumbs.svelte b/web/src/lib/components/shared-components/tree/breadcrumbs.svelte
index 20380f60efd35..b8e46b8925468 100644
--- a/web/src/lib/components/shared-components/tree/breadcrumbs.svelte
+++ b/web/src/lib/components/shared-components/tree/breadcrumbs.svelte
@@ -51,7 +51,7 @@
         />
       </li>
       {#each parents as parent (parent)}
-        <li class="flex gap-2 items-center font-mono text-sm text-nowrap text-primary">
+        <li class="flex gap-2 items-center font-immich-mono text-sm text-nowrap text-primary">
           <Icon icon={mdiChevronRight} class="text-gray-500 dark:text-gray-300" size="16" aria-hidden />
           <a class="underline hover:font-semibold whitespace-pre-wrap" href={getLink(parent.path)}>
             {parent.value}
@@ -59,7 +59,7 @@
         </li>
       {/each}
 
-      <li class="flex gap-2 items-center font-mono text-sm text-nowrap text-primary">
+      <li class="flex gap-2 items-center font-immich-mono text-sm text-nowrap text-primary">
         <Icon icon={mdiChevronRight} class="text-gray-500 dark:text-gray-300" size="16" aria-hidden />
         <p class="cursor-default whitespace-pre-wrap">{node.value}</p>
       </li>
diff --git a/web/src/lib/components/shared-components/tree/tree.svelte b/web/src/lib/components/shared-components/tree/tree.svelte
index ac87371bf9108..dce7c89cd4c9b 100644
--- a/web/src/lib/components/shared-components/tree/tree.svelte
+++ b/web/src/lib/components/shared-components/tree/tree.svelte
@@ -42,7 +42,9 @@
       size="20"
     />
   </div>
-  <span class="text-nowrap overflow-hidden text-ellipsis font-mono ps-1 pt-1 whitespace-pre-wrap">{node.value}</span>
+  <span class="text-nowrap overflow-hidden text-ellipsis font-immich-mono ps-1 pt-1 whitespace-pre-wrap"
+    >{node.value}</span
+  >
 </a>
 
 {#if isOpen}
diff --git a/web/src/lib/components/timeline/Scrubber.svelte b/web/src/lib/components/timeline/Scrubber.svelte
index 24d263307a7f9..a3bec7581d824 100644
--- a/web/src/lib/components/timeline/Scrubber.svelte
+++ b/web/src/lib/components/timeline/Scrubber.svelte
@@ -543,7 +543,7 @@
       in:fade={{ duration: 200 }}
       out:fade={{ duration: 200 }}
     >
-      <Icon icon={mdiPlay} size="20" class="-rotate-90 relative top-[9px] -end-0.5" />
+      <Icon icon={mdiPlay} size="20" class="-rotate-90 relative top-2.25 -end-0.5" />
       <Icon icon={mdiPlay} size="20" class="rotate-90 relative top-px -end-0.5" />
       {#if (timelineManager.scrolling && scrollHoverLabel) || isHover || isDragging}
         <p
@@ -588,7 +588,7 @@
     >
       {#if !usingMobileDevice}
         {#if segment.hasLabel}
-          <div class="absolute end-5 text-[12px] dark:text-immich-dark-fg font-immich-mono bottom-0">
+          <div class="absolute end-5 text-[13px] dark:text-immich-dark-fg font-immich-mono bottom-0">
             {segment.year}
           </div>
         {/if}
diff --git a/web/src/lib/components/user-settings-page/PinCodeInput.svelte b/web/src/lib/components/user-settings-page/PinCodeInput.svelte
index c438d8f0b1251..69081c0b0bf81 100644
--- a/web/src/lib/components/user-settings-page/PinCodeInput.svelte
+++ b/web/src/lib/components/user-settings-page/PinCodeInput.svelte
@@ -128,7 +128,7 @@
         maxlength="1"
         bind:this={pinCodeInputElements[index]}
         id="pin-code-{index}"
-        class="h-12 w-10 rounded-xl border-2 border-suble dark:border-gray-700 text-center text-lg font-medium focus:border-immich-primary focus:ring-primary dark:focus:border-primary font-mono bg-white dark:bg-light"
+        class="h-12 w-10 rounded-xl border-2 border-suble dark:border-gray-700 text-center text-lg font-medium focus:border-immich-primary focus:ring-primary dark:focus:border-primary font-immich-mono bg-white dark:bg-light"
         bind:value={pinValues[index]}
         onkeydown={handleKeydown}
         oninput={(event) => handleInput(event, index)}
diff --git a/web/src/lib/components/user-settings-page/app-settings.svelte b/web/src/lib/components/user-settings-page/app-settings.svelte
index a3d761812fa86..bf31893b31e06 100644
--- a/web/src/lib/components/user-settings-page/app-settings.svelte
+++ b/web/src/lib/components/user-settings-page/app-settings.svelte
@@ -59,7 +59,7 @@
 
 <section class="my-4">
   <div in:fade={{ duration: 500 }}>
-    <div class="ms-8 mt-4 flex flex-col gap-4">
+    <div class="ms-8 mt-4 flex flex-col gap-6">
       <Field label={$t('theme_selection')} description={$t('theme_selection_description')}>
         <Switch checked={themeManager.theme.system} onCheckedChange={(checked) => themeManager.setSystem(checked)} />
       </Field>
@@ -68,7 +68,7 @@
 
       <Field label={$t('default_locale')} description={$t('default_locale_description')}>
         <Switch checked={$locale == 'default'} onCheckedChange={handleToggleLocaleBrowser} />
-        <Text size="small" class="mt-2">{selectedDate}</Text>
+        <Text size="small" class="mt-2 font-immich-mono text-sm">{selectedDate}</Text>
       </Field>
 
       {#if $locale !== 'default'}
diff --git a/web/src/lib/components/user-settings-page/notifications-settings.svelte b/web/src/lib/components/user-settings-page/notifications-settings.svelte
index a2f9c472d4a7a..8762a790ce2c4 100644
--- a/web/src/lib/components/user-settings-page/notifications-settings.svelte
+++ b/web/src/lib/components/user-settings-page/notifications-settings.svelte
@@ -42,7 +42,7 @@
 <section class="my-4">
   <div in:fade={{ duration: 500 }}>
     <form autocomplete="off" {onsubmit}>
-      <div class="ms-4 mt-4 flex flex-col gap-4">
+      <div class="ms-4 mt-4 flex flex-col gap-6">
         <Field label={$t('enable')} description={$t('notification_toggle_setting_description')}>
           <Switch bind:checked={emailNotificationsEnabled} />
         </Field>
diff --git a/web/src/lib/components/user-settings-page/user-api-key-grid.svelte b/web/src/lib/components/user-settings-page/user-api-key-grid.svelte
index fb10b53b34b01..523705485f89b 100644
--- a/web/src/lib/components/user-settings-page/user-api-key-grid.svelte
+++ b/web/src/lib/components/user-settings-page/user-api-key-grid.svelte
@@ -39,7 +39,7 @@
       checked={selectAllSubItems}
       onCheckedChange={handleSelectAllSubItems}
     />
-    <Label label={title} for="permission-{title}" class="font-mono text-primary text-lg" />
+    <Label label={title} for="permission-{title}" class="font-immich-mono text-primary text-lg" />
   </div>
   <div class="mx-6 mt-3 grid grid-cols-3 gap-2">
     {#each subItems as item (item)}
@@ -50,7 +50,7 @@
           checked={selectedItems.includes(item)}
           onCheckedChange={() => handleToggleItem(item)}
         />
-        <Label label={item} for="permission-{item}" class="text-sm font-mono" />
+        <Label label={item} for="permission-{item}" class="text-sm font-immich-mono" />
       </div>
     {/each}
   </div>
diff --git a/web/src/lib/components/user-settings-page/user-api-key-list.svelte b/web/src/lib/components/user-settings-page/user-api-key-list.svelte
index ec21ab9872ea6..18bec54f94a21 100644
--- a/web/src/lib/components/user-settings-page/user-api-key-list.svelte
+++ b/web/src/lib/components/user-settings-page/user-api-key-list.svelte
@@ -64,7 +64,7 @@
             >
               <td class="w-1/4 text-ellipsis px-4 text-sm overflow-hidden">{key.name}</td>
               <td
-                class="w-1/4 text-ellipsis px-4 text-xs overflow-hidden line-clamp-3 break-all font-mono"
+                class="w-1/4 text-ellipsis px-4 text-xs overflow-hidden line-clamp-3 break-all font-immich-mono"
                 title={JSON.stringify(key.permissions, undefined, 2)}>{key.permissions}</td
               >
               <td class="w-1/4 text-ellipsis px-4 text-sm overflow-hidden"
diff --git a/web/src/lib/modals/ApiKeySecretModal.svelte b/web/src/lib/modals/ApiKeySecretModal.svelte
index fba988aa58499..f7405d68c5ab7 100644
--- a/web/src/lib/modals/ApiKeySecretModal.svelte
+++ b/web/src/lib/modals/ApiKeySecretModal.svelte
@@ -15,7 +15,7 @@
 <Modal title={$t('api_key')} icon={mdiKeyVariant} {onClose} size="small">
   <ModalBody>
     <Text size="small" class="mb-4">{$t('api_key_description')}</Text>
-    <Textarea bind:value={secret} readonly class="font-mono" />
+    <Textarea bind:value={secret} readonly class="font-immich-mono" />
   </ModalBody>
 
   <ModalFooter>
diff --git a/web/src/lib/utils/file-uploader.spec.ts b/web/src/lib/utils/file-uploader.spec.ts
new file mode 100644
index 0000000000000..cc42b2e141eca
--- /dev/null
+++ b/web/src/lib/utils/file-uploader.spec.ts
@@ -0,0 +1,73 @@
+import { uploadManager } from '$lib/managers/upload-manager.svelte';
+import { uploadAssetsStore } from '$lib/stores/upload';
+import { resetSavedUser, user } from '$lib/stores/user.store';
+import { UploadState } from '$lib/types';
+import * as utils from '$lib/utils';
+import { AssetMediaStatus, type AssetMediaResponseDto, type UserAdminResponseDto } from '@immich/sdk';
+import { get } from 'svelte/store';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { fileUploadHandler } from './file-uploader';
+
+describe('fileUploader error handling', () => {
+  const mockFile = new File(['content'], 'test.jpg', { type: 'image/jpeg' });
+  const mockUserObject = { id: 'user-123', email: 'test@example.com' } as UserAdminResponseDto;
+  const mockError = new Error('Upload failed');
+  const mockUploadResponse = { id: 'mock-id', status: AssetMediaStatus.Created } as AssetMediaResponseDto;
+
+  beforeEach(() => {
+    vi.clearAllMocks();
+    vi.spyOn(uploadManager, 'getExtensions').mockReturnValue(['.jpg']);
+    uploadAssetsStore.reset();
+    resetSavedUser();
+
+    // Stub out crypto to avoid that branch
+    vi.stubGlobal('crypto', undefined);
+  });
+
+  for (const [name, mockUser] of [
+    ['logged-in users', true],
+    ['anonymous users', false],
+  ] as const) {
+    describe(`for ${name}`, () => {
+      beforeEach(() => {
+        if (mockUser) {
+          user.set(mockUserObject);
+        }
+      });
+
+      it(`should transition successful uploads to done`, async () => {
+        vi.spyOn(utils, 'uploadRequest').mockResolvedValue({ status: 200, data: mockUploadResponse });
+
+        await fileUploadHandler({ files: [mockFile] });
+
+        const items = get(uploadAssetsStore);
+        expect(items.length).toBe(1);
+        expect(items[0].state).toBe(UploadState.DONE);
+      });
+
+      it('should capture errors', async () => {
+        vi.spyOn(utils, 'uploadRequest').mockRejectedValue(mockError);
+
+        await fileUploadHandler({ files: [mockFile] });
+
+        const items = get(uploadAssetsStore);
+        expect(items.length).toBe(1);
+        expect(items[0].state).toBe(UploadState.ERROR);
+      });
+    });
+  }
+
+  it('should suppress errors on logout', async () => {
+    user.set(mockUserObject);
+    vi.spyOn(utils, 'uploadRequest').mockImplementationOnce(() => {
+      resetSavedUser();
+      return Promise.reject(mockError);
+    });
+
+    await fileUploadHandler({ files: [mockFile] });
+
+    const items = get(uploadAssetsStore);
+    expect(items.length).toBe(1);
+    expect(items[0].state).toBe(UploadState.STARTED);
+  });
+});
diff --git a/web/src/lib/utils/file-uploader.ts b/web/src/lib/utils/file-uploader.ts
index 62e81762a792e..042bbaaa2e985 100644
--- a/web/src/lib/utils/file-uploader.ts
+++ b/web/src/lib/utils/file-uploader.ts
@@ -125,6 +125,7 @@ async function fileUploader({
 }: FileUploaderParams): Promise<string | undefined> {
   const fileCreatedAt = new Date(assetFile.lastModified).toISOString();
   const $t = get(t);
+  const wasInitiallyLoggedIn = !!get(user);
 
   uploadAssetsStore.markStarted(deviceAssetId);
 
@@ -215,8 +216,9 @@ async function fileUploader({
 
     return responseData.id;
   } catch (error) {
-    // ignore errors if the user logs out during uploads
-    if (!get(user)) {
+    // If the user store no longer holds a user, it means they have logged out
+    // In this case don't bother reporting any errors.
+    if (wasInitiallyLoggedIn && !get(user)) {
       return;
     }
 
diff --git a/web/src/routes/(user)/utilities/geolocation/+page.svelte b/web/src/routes/(user)/utilities/geolocation/+page.svelte
index 89615062d4ed5..49d2a0318305d 100644
--- a/web/src/routes/(user)/utilities/geolocation/+page.svelte
+++ b/web/src/routes/(user)/utilities/geolocation/+page.svelte
@@ -141,12 +141,12 @@
     <div class="flex gap-2 justify-end place-items-center">
       <Text class="hidden md:block text-xs mr-4 text-dark/50">{$t('geolocation_instruction_location')}</Text>
       <div class="border flex place-items-center place-content-center px-2 py-1 bg-primary/10 rounded-2xl">
-        <Text class="hidden md:inline-block text-xs text-gray-500 font-mono mr-5 ml-2 uppercase">
+        <Text class="hidden md:inline-block text-xs text-gray-500 font-immich-mono mr-5 ml-2 uppercase">
           {$t('selected_gps_coordinates')}
         </Text>
         <Text
           title="latitude, longitude"
-          class="rounded-3xl font-mono text-sm text-primary px-2 py-1 transition-all duration-100 ease-in-out {locationUpdated
+          class="rounded-3xl font-immich-mono text-sm text-primary px-2 py-1 transition-all duration-100 ease-in-out {locationUpdated
             ? 'bg-primary/90 text-light font-semibold scale-105'
             : ''}">{location.latitude.toFixed(3)}, {location.longitude.toFixed(3)}</Text
         >
diff --git a/web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte b/web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte
index eb47abb767e85..a6b9e1404ea84 100644
--- a/web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte
+++ b/web/src/routes/(user)/utilities/workflows/[workflowId]/+page.svelte
@@ -326,7 +326,7 @@
 
 {#snippet cardOrder(index: number)}
   <div class="h-8 w-8 rounded-lg flex place-items-center place-content-center shrink-0 border bg-light-50">
-    <Text size="small" class="font-mono font-bold">
+    <Text size="small" class="font-immich-mono font-bold">
       {index + 1}
     </Text>
   </div>