diff --git a/frontend/spa/src/App.vue b/frontend/spa/src/App.vue
index 7cd63e6..46b6800 100644
--- a/frontend/spa/src/App.vue
+++ b/frontend/spa/src/App.vue
@@ -8,9 +8,12 @@
 
         <section class="telecart-main-section">
           <FullscreenViewport v-if="platform === 'ios' || platform === 'android'"/>
-          <div class="fixed inset-0 z-50 bg-white flex items-center justify-center text-center p-4">
+
+          <div class="fixed inset-0 z-50 bg-white flex items-center justify-center text-center p-4
+            [@supports(color:oklch(0%_0_0))]:hidden">
             <BrowserNotSupported/>
           </div>
+
           <AppDebugMessage v-if="settings.app_debug"/>
 
           <RouterView v-slot="{ Component, route }">