From 426e6258a86e13dfce3ef2fbf66d28146893c610 Mon Sep 17 00:00:00 2001
From: lebaudantoine <lebaud.antoine131@gmail.com>
Date: Tue, 26 May 2026 09:44:45 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=EF=B8=8F(frontend)=20import=20LiveKit?=
 =?UTF-8?q?=20styles=20only=20in=20the=20room=20route?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

LiveKit styles are not needed across the whole app, only in the room
route. Import them locally there to avoid loading them globally.
---
 src/frontend/src/App.tsx                        | 1 -
 src/frontend/src/features/rooms/routes/Room.tsx | 1 +
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/App.tsx b/src/frontend/src/App.tsx
index 6a6acc73..375d51bc 100644
--- a/src/frontend/src/App.tsx
+++ b/src/frontend/src/App.tsx
@@ -1,4 +1,3 @@
-import '@livekit/components-styles'
 import '@/styles/index.css'
 import { Suspense } from 'react'
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
diff --git a/src/frontend/src/features/rooms/routes/Room.tsx b/src/frontend/src/features/rooms/routes/Room.tsx
index ab4d7134..1bc22d9e 100644
--- a/src/frontend/src/features/rooms/routes/Room.tsx
+++ b/src/frontend/src/features/rooms/routes/Room.tsx
@@ -1,3 +1,4 @@
+import '@livekit/components-styles'
 import { ReactNode, useEffect, useState } from 'react'
 import { useLocation, useParams } from 'wouter'
 import { ErrorScreen } from '@/components/ErrorScreen'