From 1a3d96375419c4adb4dd44e8de556876e99e1bef Mon Sep 17 00:00:00 2001
From: estifanos <estifanos.tria@gmail.com>
Date: Wed, 19 Aug 2026 10:01:24 +0000
Subject: [PATCH] UI fixes

---
 libs/ui/src/lib/feedback/PageLoader.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/libs/ui/src/lib/feedback/PageLoader.tsx b/libs/ui/src/lib/feedback/PageLoader.tsx
index 120075ef8..4609f44bc 100644
--- a/libs/ui/src/lib/feedback/PageLoader.tsx
+++ b/libs/ui/src/lib/feedback/PageLoader.tsx
@@ -1,4 +1,4 @@
-import { Center, Box, Stack, Text, useMantineColorScheme } from '@mantine/core';
+import { Center, Box, Stack, Text, useComputedColorScheme } from '@mantine/core';
 import { useTranslation } from 'react-i18next';
 import { MaritimeLoader } from '../components/MaritimeLoader';
 
@@ -21,8 +21,8 @@ export function PageLoader({
   framed = true,
 }: PageLoaderProps) {
   const { t } = useTranslation();
-  const { colorScheme } = useMantineColorScheme();
-  const isDark = colorScheme === 'dark';
+  const computedColorScheme = useComputedColorScheme('light', { getInitialValueInEffect: true });
+  const isDark = computedColorScheme === 'dark';
 
   const resolvedLabel = label ?? t('loading', 'Loading Maritime Services…');