diff --git a/workspaces/frontend/package-lock.json b/workspaces/frontend/package-lock.json
index f8702895..2d7b91dc 100644
--- a/workspaces/frontend/package-lock.json
+++ b/workspaces/frontend/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.0.1",
       "license": "Apache-2.0",
       "dependencies": {
+        "@patternfly/patternfly": "^6.2.3",
         "@patternfly/react-catalog-view-extension": "^6.1.0",
         "@patternfly/react-code-editor": "^6.2.0",
         "@patternfly/react-core": "^6.2.0",
@@ -4728,6 +4729,11 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/@patternfly/patternfly": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/@patternfly/patternfly/-/patternfly-6.2.3.tgz",
+      "integrity": "sha512-FR027W7JygcQpvlRU/Iom936Vm0apzfi2o5lvtlcWW6IaeZCCTtTaDxehoYuELHlemzkLziQAgu6LuCJEVayjw=="
+    },
     "node_modules/@patternfly/react-catalog-view-extension": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/@patternfly/react-catalog-view-extension/-/react-catalog-view-extension-6.1.0.tgz",
diff --git a/workspaces/frontend/package.json b/workspaces/frontend/package.json
index d79141af..4654bceb 100644
--- a/workspaces/frontend/package.json
+++ b/workspaces/frontend/package.json
@@ -104,6 +104,7 @@
     "webpack-merge": "^5.10.0"
   },
   "dependencies": {
+    "@patternfly/patternfly": "^6.2.3",
     "@patternfly/react-catalog-view-extension": "^6.1.0",
     "@patternfly/react-code-editor": "^6.2.0",
     "@patternfly/react-core": "^6.2.0",
diff --git a/workspaces/frontend/src/app/App.tsx b/workspaces/frontend/src/app/App.tsx
index 4f1718c4..3ff011f6 100644
--- a/workspaces/frontend/src/app/App.tsx
+++ b/workspaces/frontend/src/app/App.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect } from 'react';
+import '@patternfly/patternfly/patternfly-addons.css';
 import '@patternfly/react-core/dist/styles/base.css';
 import './app.css';
 import {