diff --git a/src/app.scss b/src/app.scss
index dac3275..3c2f0b0 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -1,3 +1,5 @@
+@use "page.scss";
+
 p {
     font-weight: bold;
 }
diff --git a/src/index.js b/src/index.js
index 08c3bbd..fc24bc0 100644
--- a/src/index.js
+++ b/src/index.js
@@ -23,14 +23,6 @@ import "patternfly/patternfly-5-cockpit.scss";
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { Application } from './app.jsx';
-/*
- * PF4 overrides need to come after the JSX components imports because
- * these are importing CSS stylesheets that we are overriding
- * Having the overrides here will ensure that when mini-css-extract-plugin will extract the CSS
- * out of the dist/index.js and since it will maintain the order of the imported CSS,
- * the overrides will be correctly in the end of our stylesheet.
- */
-import "patternfly/patternfly-5-overrides.scss";
 import './app.scss';
 
 document.addEventListener("DOMContentLoaded", function () {