From 7cf8a9936a8e54dbb379d12774ae2a7edbca2bb2 Mon Sep 17 00:00:00 2001
From: Kolin <173069976+K0lin@users.noreply.github.com>
Date: Sun, 8 Feb 2026 18:22:42 +0100
Subject: [PATCH] fix(web): display storage unit next to value instead of
 absolute positioning in admin user page (#25985)

* fix(web): display storage unit next to value instead of absolute positioning in admin user page

* chore: styling

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
---
 .../server-statistics/ServerStatisticsCard.svelte           | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/lib/components/server-statistics/ServerStatisticsCard.svelte b/web/src/lib/components/server-statistics/ServerStatisticsCard.svelte
index 41d9b99958..5d4291472b 100644
--- a/web/src/lib/components/server-statistics/ServerStatisticsCard.svelte
+++ b/web/src/lib/components/server-statistics/ServerStatisticsCard.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { ByteUnit } from '$lib/utils/byte-units';
-  import { Code, Icon, Text } from '@immich/ui';
+  import { Icon, Text } from '@immich/ui';
 
   interface Props {
     icon: string;
@@ -26,10 +26,10 @@
     <Text size="giant" fontWeight="medium">{title}</Text>
   </div>
 
-  <div class="relative mx-auto font-mono text-2xl font-medium">
+  <div class="mx-auto font-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="font-mono absolute -top-5 end-1 font-light p-0">{unit}</Code>
+      <code class="font-mono text-base font-normal">{unit}</code>
     {/if}
   </div>
 </div>