diff --git a/client/src/app/App.tsx b/client/src/app/App.tsx
index 6b7409777d..3414477eda 100644
--- a/client/src/app/App.tsx
+++ b/client/src/app/App.tsx
@@ -5,9 +5,6 @@ import { AppRoutes } from "./Routes";
 import { DefaultLayout } from "./layout";
 import { NotificationsProvider } from "./components/NotificationsContext";
 
-import "@patternfly/patternfly/patternfly.css";
-import "@patternfly/patternfly/patternfly-addons.css";
-
 import "./app.css";
 
 const App: React.FC = () => {
diff --git a/client/src/index.tsx b/client/src/index.tsx
index c999a333c5..ce826f80d9 100644
--- a/client/src/index.tsx
+++ b/client/src/index.tsx
@@ -1,3 +1,6 @@
+import "@patternfly/patternfly/patternfly.css";
+import "@patternfly/patternfly/patternfly-addons.css";
+
 import React from "react";
 import ReactDOM from "react-dom";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";