From 4ba3b667adb779ce47b7108d027f889e017f1d03 Mon Sep 17 00:00:00 2001
From: Jesus Vilar <jvilar@ciq.com>
Date: Tue, 21 Oct 2025 13:40:43 +0200
Subject: [PATCH 1/6] chore: add overrides and dependencies

---
 awx/ui/.npmrc                                 |   6 +
 awx/ui/config/webpack.config.js               |  23 +-
 awx/ui/config/webpackDevServer.config.js      |  74 ++--
 awx/ui/package-lock.json                      | 140 +++++-
 awx/ui/package.json                           |   4 +
 .../public/static/css/ascender_gradient.css   |  23 -
 awx/ui/src/App.js                             |  39 +-
 awx/ui/src/ascender.css                       |  11 -
 .../src/components/AppContainer/BrandLogo.js  |  22 +-
 .../src/components/Background/Background.js   |  13 -
 .../components/Background/Background.test.js  |  17 -
 awx/ui/src/components/Background/index.js     |   1 -
 .../src/components/FormLayout/FormLayout.js   |   8 +-
 .../Schedule/ScheduleList/ScheduleListItem.js |   3 +-
 .../components/ScreenHeader/ScreenHeader.js   |   5 +-
 awx/ui/src/index.js                           |  13 +-
 awx/ui/src/patternfly-overrides.css           | 406 ++++++++++++++++++
 awx/ui/src/screens/Dashboard/shared/Count.js  |   7 +-
 awx/ui/src/screens/Setting/SettingList.js     |   7 +-
 19 files changed, 674 insertions(+), 148 deletions(-)
 delete mode 100644 awx/ui/src/components/Background/Background.js
 delete mode 100644 awx/ui/src/components/Background/Background.test.js
 delete mode 100644 awx/ui/src/components/Background/index.js
 create mode 100644 awx/ui/src/patternfly-overrides.css

diff --git a/awx/ui/.npmrc b/awx/ui/.npmrc
index c42da845..f7410ede 100644
--- a/awx/ui/.npmrc
+++ b/awx/ui/.npmrc
@@ -1 +1,7 @@
 engine-strict = true
+@ctrliq:registry=https://npm.pkg.github.com
+# - generate a new GitHub token (classic) with the read:packages scope (https://github.com/settings/tokens/new)
+# - copy the token and set it as an environment variable in your shell
+# export NPM_TOKEN=ghp_your_token_here
+# (you can also add it to your ~/.bashrc, ~/.zshrc, etc. if you want it to be persistent)
+//npm.pkg.github.com/:_authToken=${NPM_TOKEN}
\ No newline at end of file
diff --git a/awx/ui/config/webpack.config.js b/awx/ui/config/webpack.config.js
index 2ec0c72e..b6a1afdf 100644
--- a/awx/ui/config/webpack.config.js
+++ b/awx/ui/config/webpack.config.js
@@ -222,12 +222,13 @@ module.exports = function (webpackEnv) {
       publicPath: paths.publicUrlOrPath,
       // Point sourcemap entries to original disk location (format as URL on Windows)
       devtoolModuleFilenameTemplate: isEnvProduction
-        ? info =>
+        ? (info) =>
             path
               .relative(paths.appSrc, info.absoluteResourcePath)
               .replace(/\\/g, '/')
         : isEnvDevelopment &&
-          (info => path.resolve(info.absoluteResourcePath).replace(/\\/g, '/')),
+          ((info) =>
+            path.resolve(info.absoluteResourcePath).replace(/\\/g, '/')),
     },
     cache: {
       type: 'filesystem',
@@ -237,7 +238,7 @@ module.exports = function (webpackEnv) {
       buildDependencies: {
         defaultWebpack: ['webpack/lib/'],
         config: [__filename],
-        tsconfig: [paths.appTsConfig, paths.appJsConfig].filter(f =>
+        tsconfig: [paths.appTsConfig, paths.appJsConfig].filter((f) =>
           fs.existsSync(f)
         ),
       },
@@ -307,8 +308,8 @@ module.exports = function (webpackEnv) {
       // `web` extension prefixes have been added for better support
       // for React Native Web.
       extensions: paths.moduleFileExtensions
-        .map(ext => `.${ext}`)
-        .filter(ext => useTypeScript || !ext.includes('ts')),
+        .map((ext) => `.${ext}`)
+        .filter((ext) => useTypeScript || !ext.includes('ts')),
       alias: {
         // Support React Native Web
         // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
@@ -419,7 +420,7 @@ module.exports = function (webpackEnv) {
                     },
                   ],
                 ],
-                
+
                 plugins: [
                   isEnvDevelopment &&
                     shouldUseReactRefresh &&
@@ -453,7 +454,7 @@ module.exports = function (webpackEnv) {
                 cacheDirectory: true,
                 // See #6846 for context on why cacheCompression is disabled
                 cacheCompression: false,
-                
+
                 // Babel sourcemaps are needed for debugging into node_modules
                 // code.  Without the options below, debuggers like VSCode
                 // show incorrect code and set breakpoints on the wrong lines.
@@ -543,6 +544,10 @@ module.exports = function (webpackEnv) {
                 'sass-loader'
               ),
             },
+            {
+              test: /\.(woff|woff2|eot|ttf|otf)$/i,
+              type: 'asset/resource',
+            },
             // "file" loader makes sure those assets get served by WebpackDevServer.
             // When you `import` an asset, you get its (virtual) filename.
             // In production, they would get copied to the `build` folder.
@@ -566,7 +571,7 @@ module.exports = function (webpackEnv) {
       {
         message: /source-map-loader/,
         module: /node_modules\/rrule/,
-      }
+      },
     ],
     plugins: [
       // Generates an `index.html` file with the <script> injected.
@@ -649,7 +654,7 @@ module.exports = function (webpackEnv) {
             return manifest;
           }, seed);
           const entrypointFiles = entrypoints.main.filter(
-            fileName => !fileName.endsWith('.map')
+            (fileName) => !fileName.endsWith('.map')
           );
 
           return {
diff --git a/awx/ui/config/webpackDevServer.config.js b/awx/ui/config/webpackDevServer.config.js
index 1350af23..9a3780d0 100644
--- a/awx/ui/config/webpackDevServer.config.js
+++ b/awx/ui/config/webpackDevServer.config.js
@@ -1,6 +1,7 @@
 'use strict';
 
 const fs = require('fs');
+const path = require('path');
 const evalSourceMapMiddleware = require('react-dev-utils/evalSourceMapMiddleware');
 const noopServiceWorkerMiddleware = require('react-dev-utils/noopServiceWorkerMiddleware');
 const ignoredFiles = require('react-dev-utils/ignoredFiles');
@@ -43,32 +44,39 @@ module.exports = function (proxy, allowedHost) {
     },
     // Enable gzip compression of generated files.
     compress: true,
-    static: {
-      // By default WebpackDevServer serves physical files from current directory
-      // in addition to all the virtual build products that it serves from memory.
-      // This is confusing because those files won’t automatically be available in
-      // production build folder unless we copy them. However, copying the whole
-      // project directory is dangerous because we may expose sensitive files.
-      // Instead, we establish a convention that only files in `public` directory
-      // get served. Our build script will copy `public` into the `build` folder.
-      // In `index.html`, you can get URL of `public` folder with %PUBLIC_URL%:
-      // <link rel="icon" href="%PUBLIC_URL%/favicon.ico">
-      // In JavaScript code, you can access it with `process.env.PUBLIC_URL`.
-      // Note that we only recommend to use `public` folder as an escape hatch
-      // for files like `favicon.ico`, `manifest.json`, and libraries that are
-      // for some reason broken when imported through webpack. If you just want to
-      // use an image, put it in `src` and `import` it from JavaScript instead.
-      directory: paths.appPublic,
-      publicPath: [paths.publicUrlOrPath],
-      // By default files from `contentBase` will not trigger a page reload.
-      watch: {
-        // Reportedly, this avoids CPU overload on some systems.
-        // https://github.com/facebook/create-react-app/issues/293
-        // src/node_modules is not ignored to support absolute imports
-        // https://github.com/facebook/create-react-app/issues/1065
-        ignored: ignoredFiles(paths.appSrc),
+    static: [
+      {
+        // By default WebpackDevServer serves physical files from current directory
+        // in addition to all the virtual build products that it serves from memory.
+        // This is confusing because those files won't automatically be available in
+        // production build folder unless we copy them. However, copying the whole
+        // project directory is dangerous because we may expose sensitive files.
+        // Instead, we establish a convention that only files in `public` directory
+        // get served. Our build script will copy `public` into the `build` folder.
+        // In `index.html`, you can get URL of `public` folder with %PUBLIC_URL%:
+        // <link rel="icon" href="%PUBLIC_URL%/favicon.ico">
+        // In JavaScript code, you can access it with `process.env.PUBLIC_URL`.
+        // Note that we only recommend to use `public` folder as an escape hatch
+        // for files like `favicon.ico`, `manifest.json`, and libraries that are
+        // for some reason broken when imported through webpack. If you just want to
+        // use an image, put it in `src` and `import` it from JavaScript instead.
+        directory: paths.appPublic,
+        publicPath: [paths.publicUrlOrPath],
+        // By default files from `contentBase` will not trigger a page reload.
+        watch: {
+          // Reportedly, this avoids CPU overload on some systems.
+          // https://github.com/facebook/create-react-app/issues/293
+          // src/node_modules is not ignored to support absolute imports
+          // https://github.com/facebook/create-react-app/issues/1065
+          ignored: ignoredFiles(paths.appSrc),
+        },
       },
-    },
+      {
+        // Serve quantic-fonts assets at /assets path
+        directory: path.resolve(__dirname, '../node_modules/@ctrliq/quantic-fonts/dist/assets'),
+        publicPath: '/assets',
+      },
+    ],
     client: {
       webSocketURL: {
         // Enable custom sockjs pathname for websocket connection to hot reloading server.
@@ -92,14 +100,19 @@ module.exports = function (proxy, allowedHost) {
     },
     server: {
       type: 'https', // Specify the server type as 'https'
-      ...getHttpsConfig()
+      ...getHttpsConfig(),
     },
     host,
     historyApiFallback: {
       // Paths with dots should still use the history fallback.
       // See https://github.com/facebook/create-react-app/issues/387.
-      disableDotRule: true,
+      disableDotRule: false,
       index: paths.publicUrlOrPath,
+      rewrites: [
+        // Exclude static assets from fallback to allow webpack to serve them
+        { from: /\.(woff|woff2|ttf|eot|otf)$/, to: (context) => context.parsedUrl.pathname },
+        { from: /\.(css|js|json|ico|png|jpg|jpeg|gif|svg)$/, to: (context) => context.parsedUrl.pathname },
+      ],
     },
     // `proxy` is run between `before` and `after` `webpack-dev-server` hooks
     proxy,
@@ -114,6 +127,13 @@ module.exports = function (proxy, allowedHost) {
         require(paths.proxySetup)(devServer.app);
       }
 
+      devServer.app.use((req, res, next) => {
+        if (/\.(woff2)(\?|$)/i.test(req.url)) {
+          res.setHeader('Content-Type', 'font/woff2');
+        }
+        next();
+      });
+
       // Redirect to `PUBLIC_URL` or `homepage` from `package.json` if url not match
       devServer.app.use(redirectServedPath(paths.publicUrlOrPath));
 
diff --git a/awx/ui/package-lock.json b/awx/ui/package-lock.json
index 6ed9e8e3..84847414 100644
--- a/awx/ui/package-lock.json
+++ b/awx/ui/package-lock.json
@@ -6,6 +6,10 @@
     "": {
       "name": "ui",
       "dependencies": {
+        "@ctrliq/quantic-css": "^1.5.5",
+        "@ctrliq/quantic-fonts": "^1.18.5",
+        "@ctrliq/quantic-react": "^1.18.5",
+        "@ctrliq/quantic-tokens": "^1.18.5",
         "@lingui/react": "^5.4.0",
         "@patternfly/patternfly": "4.224.5",
         "@patternfly/react-core": "4.278.1",
@@ -2663,6 +2667,63 @@
         "postcss": "^8.2"
       }
     },
+    "node_modules/@ctrliq/quantic-components": {
+      "version": "1.18.5",
+      "resolved": "https://npm.pkg.github.com/download/@ctrliq/quantic-components/1.18.5/e179e610223c554ac2ada9b86f3995aec74e54e1",
+      "integrity": "sha512-USOjEGLKN4zZoo7ynLaDMgEs6I5tGv9oZdOU7zVPQ4gcfs712YSMjy2x5YAbLOXd96K/RSHIsVnakx2iHzdCFQ==",
+      "peer": true,
+      "dependencies": {
+        "@ctrliq/quantic-fonts": "*",
+        "@ctrliq/quantic-tokens": "*",
+        "@lit/context": "^1.1.5",
+        "lit": "^3.3.0",
+        "lucide-static": "^0.511.0"
+      }
+    },
+    "node_modules/@ctrliq/quantic-css": {
+      "version": "1.5.5",
+      "resolved": "https://npm.pkg.github.com/download/@ctrliq/quantic-css/1.5.5/3d6b48c3dbb40815cb7383f17f38617ffe183ea8",
+      "integrity": "sha512-SQvvp3vKMchFnFUxMgFj2OY8Wwv8mO0SkfWfANmsQOFpE5Lt3oW7cGeyHwVizCGv6CGoB5cfbb0yHnOeKaIcsQ==",
+      "license": "ISC",
+      "dependencies": {
+        "@ctrliq/quantic-tokens": "*"
+      }
+    },
+    "node_modules/@ctrliq/quantic-fonts": {
+      "version": "1.18.5",
+      "resolved": "https://npm.pkg.github.com/download/@ctrliq/quantic-fonts/1.18.5/4a16026c29eaeb7be6372e7bf0ba271a4d65e1e2",
+      "integrity": "sha512-OhKgpsyi9tAg+sqVUA8ieCU85vLda1Uf9G91IrghkBNYLvdPsN8xuQaomBJ4smSXCPQ/eVEz1CB7SytDzTb6yQ==",
+      "dependencies": {
+        "camelcase": "^8.0.0"
+      }
+    },
+    "node_modules/@ctrliq/quantic-fonts/node_modules/camelcase": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-8.0.0.tgz",
+      "integrity": "sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@ctrliq/quantic-react": {
+      "version": "1.18.5",
+      "resolved": "https://npm.pkg.github.com/download/@ctrliq/quantic-react/1.18.5/7cd1b9ea96f279d875e45d3ce3c88287644d5849",
+      "integrity": "sha512-I8lQr6Zhhq95zyxp1HkE7HdebZ6x7mG4upgFV/p43RpwMAxMgqU/Gt7ujYsaveM3Xlp6z9XLSzv4JwgnXayaBA==",
+      "peerDependencies": {
+        "@ctrliq/quantic-components": "*",
+        "@ctrliq/quantic-tokens": "*",
+        "@lit/react": "^1.0.7"
+      }
+    },
+    "node_modules/@ctrliq/quantic-tokens": {
+      "version": "1.18.5",
+      "resolved": "https://npm.pkg.github.com/download/@ctrliq/quantic-tokens/1.18.5/d97a24e3b87498e26c035d2f882f816ffbb37c34",
+      "integrity": "sha512-QYKaXAipX719Q5WAlhVNQxRDHH+Gwgxx0gVCXeR/dKAozvIdcVdoJ5s3jtEBRNZNqzjcXW7YcdZxebmgigWscQ=="
+    },
     "node_modules/@emotion/is-prop-valid": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.3.1.tgz",
@@ -4460,6 +4521,43 @@
         }
       }
     },
+    "node_modules/@lit-labs/ssr-dom-shim": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.4.0.tgz",
+      "integrity": "sha512-ficsEARKnmmW5njugNYKipTm4SFnbik7CXtoencDZzmzo/dQ+2Q0bgkzJuoJP20Aj0F+izzJjOqsnkd6F/o1bw==",
+      "license": "BSD-3-Clause",
+      "peer": true
+    },
+    "node_modules/@lit/context": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@lit/context/-/context-1.1.6.tgz",
+      "integrity": "sha512-M26qDE6UkQbZA2mQ3RjJ3Gzd8TxP+/0obMgE5HfkfLhEEyYE3Bui4A5XHiGPjy0MUGAyxB3QgVuw2ciS0kHn6A==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "@lit/reactive-element": "^1.6.2 || ^2.1.0"
+      }
+    },
+    "node_modules/@lit/react": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@lit/react/-/react-1.0.8.tgz",
+      "integrity": "sha512-p2+YcF+JE67SRX3mMlJ1TKCSTsgyOVdAwd/nxp3NuV1+Cb6MWALbN6nT7Ld4tpmYofcE5kcaSY1YBB9erY+6fw==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "peerDependencies": {
+        "@types/react": "17 || 18 || 19"
+      }
+    },
+    "node_modules/@lit/reactive-element": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-2.1.1.tgz",
+      "integrity": "sha512-N+dm5PAYdQ8e6UlywyyrgI2t++wFGXfHx+dSJ1oBrg6FAxUj40jId++EaRm80MKX5JnlH1sBsyZ5h0bcZKemCg==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "@lit-labs/ssr-dom-shim": "^1.4.0"
+      }
+    },
     "node_modules/@messageformat/parser": {
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/@messageformat/parser/-/parser-5.1.1.tgz",
@@ -5615,7 +5713,6 @@
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
       "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
-      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/@types/ws": {
@@ -16630,6 +16727,40 @@
       "devOptional": true,
       "license": "MIT"
     },
+    "node_modules/lit": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/lit/-/lit-3.3.1.tgz",
+      "integrity": "sha512-Ksr/8L3PTapbdXJCk+EJVB78jDodUMaP54gD24W186zGRARvwrsPfS60wae/SSCTCNZVPd1chXqio1qHQmu4NA==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "@lit/reactive-element": "^2.1.0",
+        "lit-element": "^4.2.0",
+        "lit-html": "^3.3.0"
+      }
+    },
+    "node_modules/lit-element": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/lit-element/-/lit-element-4.2.1.tgz",
+      "integrity": "sha512-WGAWRGzirAgyphK2urmYOV72tlvnxw7YfyLDgQ+OZnM9vQQBQnumQ7jUJe6unEzwGU3ahFOjuz1iz1jjrpCPuw==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "@lit-labs/ssr-dom-shim": "^1.4.0",
+        "@lit/reactive-element": "^2.1.0",
+        "lit-html": "^3.3.0"
+      }
+    },
+    "node_modules/lit-html": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/lit-html/-/lit-html-3.3.1.tgz",
+      "integrity": "sha512-S9hbyDu/vs1qNrithiNyeyv64c9yqiW9l+DBgI18fL+MTvOtWoFR0FWiyq1TxaYef5wNlpEmzlXoBlZEO+WjoA==",
+      "license": "BSD-3-Clause",
+      "peer": true,
+      "dependencies": {
+        "@types/trusted-types": "^2.0.2"
+      }
+    },
     "node_modules/loader-runner": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
@@ -16795,6 +16926,13 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/lucide-static": {
+      "version": "0.511.0",
+      "resolved": "https://registry.npmjs.org/lucide-static/-/lucide-static-0.511.0.tgz",
+      "integrity": "sha512-/MWOjEyGZO84B16BeqbeleinbmeYxOBsbYDt/Yk6xGwMYwDm6dx43jKHMxGDqW9U84qWL13dNvVW0SMADhUSyg==",
+      "license": "ISC",
+      "peer": true
+    },
     "node_modules/luxon": {
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.7.1.tgz",
diff --git a/awx/ui/package.json b/awx/ui/package.json
index 5f9edc45..8632b7c1 100644
--- a/awx/ui/package.json
+++ b/awx/ui/package.json
@@ -6,6 +6,10 @@
     "node": ">=20.18.2"
   },
   "dependencies": {
+    "@ctrliq/quantic-css": "^1.5.5",
+    "@ctrliq/quantic-fonts": "^1.18.5",
+    "@ctrliq/quantic-react": "^1.18.5",
+    "@ctrliq/quantic-tokens": "^1.18.5",
     "@lingui/react": "^5.4.0",
     "@patternfly/patternfly": "4.224.5",
     "@patternfly/react-core": "4.278.1",
diff --git a/awx/ui/public/static/css/ascender_gradient.css b/awx/ui/public/static/css/ascender_gradient.css
index 044c908f..e69de29b 100644
--- a/awx/ui/public/static/css/ascender_gradient.css
+++ b/awx/ui/public/static/css/ascender_gradient.css
@@ -1,23 +0,0 @@
-#page-sidebar {
-  background-image: radial-gradient(116.94% 41.63% at 5% 1.23%, rgb(38, 194, 140) 0%, rgb(2, 93, 133) 50.52%, rgb(1, 17, 23) 100%) !important;
-}
-
-.pf-c-nav__link:focus {
-  background-color: transparent !important;
-}
-
-.pf-c-nav__link:active {
-  background-color: transparent !important;
-}
-
-.pf-c-nav__link:hover {
-  background-color: rgba(51, 170, 51, .1) !important;
-}
-
-.pf-c-nav__link.pf-m-current {
-  background-color: rgba(51, 170, 51, .2) !important;
-}
-
-.pf-c-nav__link.pf-m-current::after {
-  border-color: rgba(51, 170, 51, .3) !important;
-}
diff --git a/awx/ui/src/App.js b/awx/ui/src/App.js
index 3d475ed3..fb1916da 100644
--- a/awx/ui/src/App.js
+++ b/awx/ui/src/App.js
@@ -19,7 +19,6 @@ import {
 } from 'contexts/Config';
 import { SessionProvider, useSession } from 'contexts/Session';
 import AppContainer from 'components/AppContainer';
-import Background from 'components/Background';
 import ContentError from 'components/ContentError';
 import NotFound from 'screens/NotFound';
 import Login from 'screens/Login';
@@ -177,26 +176,24 @@ function App() {
 
   return (
     <I18nProvider i18n={i18n}>
-      <Background>
-        <SessionProvider>
-          <Switch>
-            <Route exact strict path="/*/">
-              <Redirect to={`${pathname.slice(0, -1)}${search}${hash}`} />
-            </Route>
-            <Route path="/login">
-              <Login isAuthenticated={isAuthenticated} />
-            </Route>
-            <Route exact path="/">
-              <Redirect to="/home" />
-            </Route>
-            <ProtectedRoute>
-              <ConfigProvider>
-                <RenderAppContainer />
-              </ConfigProvider>
-            </ProtectedRoute>
-          </Switch>
-        </SessionProvider>
-      </Background>
+      <SessionProvider>
+        <Switch>
+          <Route exact strict path="/*/">
+            <Redirect to={`${pathname.slice(0, -1)}${search}${hash}`} />
+          </Route>
+          <Route path="/login">
+            <Login isAuthenticated={isAuthenticated} />
+          </Route>
+          <Route exact path="/">
+            <Redirect to="/home" />
+          </Route>
+          <ProtectedRoute>
+            <ConfigProvider>
+              <RenderAppContainer />
+            </ConfigProvider>
+          </ProtectedRoute>
+        </Switch>
+      </SessionProvider>
     </I18nProvider>
   );
 }
diff --git a/awx/ui/src/ascender.css b/awx/ui/src/ascender.css
index 0d5266bf..8b137891 100644
--- a/awx/ui/src/ascender.css
+++ b/awx/ui/src/ascender.css
@@ -1,12 +1 @@
-#page-sidebar {
-  line-height: 10px !important;
-}
 
-#page-sidebar .pf-c-nav__link {
-  padding-bottom: 8px !important;
-  padding-top: 8px !important;
-}
-
-body {
-  font-family: "Open SansVariable", sans-serif;
-}
diff --git a/awx/ui/src/components/AppContainer/BrandLogo.js b/awx/ui/src/components/AppContainer/BrandLogo.js
index b1b5641d..7f15a8c7 100644
--- a/awx/ui/src/components/AppContainer/BrandLogo.js
+++ b/awx/ui/src/components/AppContainer/BrandLogo.js
@@ -2,24 +2,24 @@
 // Modifications Copyright (c) 2023 Ctrl IQ, Inc.
 //
 import React from 'react';
-
+import { BrandIconAscenderSolid } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 
-const BrandImg = styled.img`
-  flex: initial;
-  width: initial;
-  padding-left: 0px;
-  margin: 0px 0px 0px 0px;
-  max-width: initial;
-  max-height: 60px;
-  pointer-events: none;
-`;
+// const BrandImg = styled.img`
+//   flex: initial;
+//   width: initial;
+//   padding-left: 0px;
+//   margin: 0px 0px 0px 0px;
+//   max-width: initial;
+//   max-height: 60px;
+//   pointer-events: none;
+// `;
 
 const BrandLogo = ({ customLogoMenu }) => {
   const src = customLogoMenu
     ? `data:image/jpeg;${customLogoMenu}`
     : 'static/media/AscenderAuto_logo_h_rev_S_side.png';
-  return <BrandImg src={src} />;
+  return <BrandIconAscenderSolid />;
 };
 
 export default BrandLogo;
diff --git a/awx/ui/src/components/Background/Background.js b/awx/ui/src/components/Background/Background.js
deleted file mode 100644
index 17eaf953..00000000
--- a/awx/ui/src/components/Background/Background.js
+++ /dev/null
@@ -1,13 +0,0 @@
-//
-// Modifications Copyright (c) 2023 Ctrl IQ, Inc.
-//
-import React from 'react';
-
-import { BackgroundImage } from '@patternfly/react-core';
-
-export default ({ children }) => (
-  <>
-    <BackgroundImage src="/static/media/CIQ_grayscale_bkgd.jpg" />
-    {children}
-  </>
-);
diff --git a/awx/ui/src/components/Background/Background.test.js b/awx/ui/src/components/Background/Background.test.js
deleted file mode 100644
index 4d306f79..00000000
--- a/awx/ui/src/components/Background/Background.test.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-
-import Background from './Background';
-
-describe('Background', () => {
-  test('renders the expected content', () => {
-    const wrapper = mount(
-      <Background>
-        <div id="test" />
-      </Background>
-    );
-    expect(wrapper).toHaveLength(1);
-    expect(wrapper.find('.pf-c-background-image')).toHaveLength(1);
-    expect(wrapper.find('#test')).toHaveLength(1);
-  });
-});
diff --git a/awx/ui/src/components/Background/index.js b/awx/ui/src/components/Background/index.js
deleted file mode 100644
index 5f61d4bc..00000000
--- a/awx/ui/src/components/Background/index.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from './Background';
diff --git a/awx/ui/src/components/FormLayout/FormLayout.js b/awx/ui/src/components/FormLayout/FormLayout.js
index 16bb4712..232550ac 100644
--- a/awx/ui/src/components/FormLayout/FormLayout.js
+++ b/awx/ui/src/components/FormLayout/FormLayout.js
@@ -13,8 +13,7 @@ export const FormColumnLayout = styled.div`
 
   ${(props) =>
     props.stacked &&
-    `border-bottom: 1px solid var(--pf-global--BorderColor--100);
-    padding: var(--pf-global--spacer--sm) 0 var(--pf-global--spacer--md) `}
+    `padding: var(--pf-global--spacer--lg) 0 var(--pf-global--spacer--md) `}
 `;
 
 export const FormFullWidthLayout = styled.div`
@@ -39,10 +38,11 @@ export const FormCheckboxLayout = styled.div`
 
 export const SubFormLayout = styled.div`
   grid-column: 1 / -1;
-  background-color: #f5f5f5;
+  background-color: var(--quantic-bg-secondary);
   margin-right: calc(var(--pf-c-card--child--PaddingRight) * -1);
   margin-left: calc(var(--pf-c-card--child--PaddingLeft) * -1);
-  padding: var(--pf-c-card--child--PaddingRight);
+  padding: var(--quantic-spacing-6);
+  border-radius: var(--quantic-radius-md);
 
   & > .pf-c-title {
     --pf-c-title--m-md--FontWeight: 700;
diff --git a/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js b/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js
index cdca17b9..bba9d6cd 100644
--- a/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js
+++ b/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js
@@ -17,6 +17,7 @@ import { formatDateString } from 'util/dates';
 import { DetailList, Detail } from '../../DetailList';
 import { ActionsTd, ActionItem, TdBreakWord } from '../../PaginatedTable';
 import { ScheduleToggle } from '..';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 
 const ExclamationTriangleIcon = styled(PFExclamationTriangleIcon)`
   color: #c9190b;
@@ -141,7 +142,7 @@ function ScheduleListItem({
             component={Link}
             to={`${scheduleBaseUrl}/edit`}
           >
-            <PencilAltIcon />
+            <LucideIconPencil size="xs" />
           </Button>
         </ActionItem>
       </ActionsTd>
diff --git a/awx/ui/src/components/ScreenHeader/ScreenHeader.js b/awx/ui/src/components/ScreenHeader/ScreenHeader.js
index a4437ebe..d99b6be8 100644
--- a/awx/ui/src/components/ScreenHeader/ScreenHeader.js
+++ b/awx/ui/src/components/ScreenHeader/ScreenHeader.js
@@ -14,6 +14,7 @@ import {
 } from '@patternfly/react-core';
 import { HistoryIcon } from '@patternfly/react-icons';
 import { Link, Route, useRouteMatch, useLocation } from 'react-router-dom';
+import { LucideIconHistory } from '@ctrliq/quantic-react';
 
 const ScreenHeader = ({ breadcrumbConfig, streamType }) => {
   const { light } = PageSectionVariants;
@@ -72,7 +73,7 @@ const ScreenHeader = ({ breadcrumbConfig, streamType }) => {
                   streamType ? `?type=${streamType}` : ''
                 }`}
               >
-                <HistoryIcon />
+                <LucideIconHistory />
               </Button>
             </Tooltip>
           </div>
@@ -132,7 +133,7 @@ const Crumb = ({ breadcrumbConfig, showDivider }) => {
       <Route path={`${match.url}/:path`}>
         <Crumb
           breadcrumbConfig={breadcrumbConfig}
-          showDivider
+          showDivider={false}
           data-cy={crumb}
         />
       </Route>
diff --git a/awx/ui/src/index.js b/awx/ui/src/index.js
index 11e40b44..29e8f0a4 100644
--- a/awx/ui/src/index.js
+++ b/awx/ui/src/index.js
@@ -5,11 +5,22 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './setupCSP';
 import '@patternfly/react-core/dist/styles/base.css';
+import './patternfly-overrides.css';
 import './border.css';
-import './ascender.css';
+import '@ctrliq/quantic-tokens/dark-mode.css';
+import { inter, satoshi } from '@ctrliq/quantic-fonts';
 
 import App from './App';
 
+satoshi.inject({
+  weights: [300, 400, 500, 600],
+  styles: ['normal', 'italic'],
+});
+inter.inject({
+  weights: [400, 500, 600],
+  styles: ['normal', 'italic'],
+});
+
 ReactDOM.render(
   <React.StrictMode>
     <App />
diff --git a/awx/ui/src/patternfly-overrides.css b/awx/ui/src/patternfly-overrides.css
new file mode 100644
index 00000000..bfb8ea31
--- /dev/null
+++ b/awx/ui/src/patternfly-overrides.css
@@ -0,0 +1,406 @@
+/**
+* Quantic Design System Overrides for PatternFly
+*
+* This file overrides PatternFly's default design tokens with Quantic tokens
+* to maintain consistent theming across the application.
+*/
+
+:root {
+  /* === Typography === */
+  /* Font families */
+  --pf-global--FontFamily--sans-serif: var(--quantic-font-family-body);
+  --pf-global--FontFamily--heading--sans-serif: var(--quantic-font-family-display);
+  --pf-global--FontFamily--text: var(--quantic-font-family-body);
+  
+  /* Font sizes */
+  --pf-global--FontSize--xs: var(--quantic-font-size-body-xs);
+  --pf-global--FontSize--sm: var(--quantic-font-size-body-sm);
+  --pf-global--FontSize--md: var(--quantic-font-size-body-md);
+  --pf-global--FontSize--lg: var(--quantic-font-size-body-lg);
+  --pf-global--FontSize--xl: var(--quantic-font-size-body-xl);
+  --pf-global--FontSize--2xl: var(--quantic-font-size-display-xs);
+  --pf-global--FontSize--3xl: var(--quantic-font-size-display-sm);
+  --pf-global--FontSize--4xl: var(--quantic-font-size-display-md);
+  
+  /* Font weights */
+  --pf-global--FontWeight--normal: var(--quantic-font-weight-regular);
+  --pf-global--FontWeight--semi-bold: var(--quantic-font-weight-semibold);
+  --pf-global--FontWeight--bold: var(--quantic-font-weight-bold);
+  
+  /* Line heights */
+  --pf-global--LineHeight--sm: var(--quantic-line-height-body-sm);
+  --pf-global--LineHeight--md: var(--quantic-line-height-body-md);
+  
+  /* === Colors === */
+  /* Text colors */
+  --pf-global--Color--100: var(--quantic-text-primary);
+  --pf-global--Color--200: var(--quantic-text-secondary);
+  --pf-global--Color--300: var(--quantic-text-tertiary);
+  --pf-global--disabled-color--100: var(--quantic-text-disabled);
+  --pf-global--link--Color: var(--quantic-fg-brand-primary);
+  --pf-global--link--Color--hover: var(--quantic-fg-brand-primary-alt);
+  
+  /* Background colors */
+  --pf-global--BackgroundColor--100: var(--quantic-bg-primary);
+  --pf-global--BackgroundColor--200: var(--quantic-bg-secondary);
+  --pf-global--BackgroundColor--dark-100: var(--quantic-bg-primary-alt);
+  --pf-global--BackgroundColor--dark-200: var(--quantic-bg-secondary-alt);
+  
+  /* Primary/Brand colors */
+  --pf-global--primary-color--100: var(--quantic-utility-brand-600);
+  --pf-global--primary-color--200: var(--quantic-utility-brand-700);
+  --pf-global--active-color--100: var(--quantic-bg-brand-primary);
+  --pf-global--active-color--200: var(--quantic-bg-brand-primary-hover);
+  
+  /* Status colors */
+  --pf-global--success-color--100: var(--quantic-utility-success-500);
+  --pf-global--success-color--200: var(--quantic-utility-success-600);
+  --pf-global--danger-color--100: var(--quantic-utility-error-500);
+  --pf-global--danger-color--200: var(--quantic-utility-error-600);
+  --pf-global--warning-color--100: var(--quantic-utility-warning-500);
+  --pf-global--warning-color--200: var(--quantic-utility-warning-600);
+  --pf-global--info-color--100: var(--quantic-utility-blue-500);
+  --pf-global--info-color--200: var(--quantic-utility-blue-600);
+  
+  /* === Spacing === */
+  --pf-global--spacer--xs: var(--quantic-spacing-xs);
+  --pf-global--spacer--sm: var(--quantic-spacing-sm);
+  --pf-global--spacer--md: var(--quantic-spacing-md);
+  --pf-global--spacer--lg: var(--quantic-spacing-lg);
+  --pf-global--spacer--xl: var(--quantic-spacing-xl);
+  --pf-global--spacer--2xl: var(--quantic-spacing-2xl);
+  --pf-global--spacer--3xl: var(--quantic-spacing-3xl);
+  --pf-global--spacer--4xl: var(--quantic-spacing-4xl);
+  
+  /* Gutter spacing */
+  --pf-global--gutter: var(--quantic-spacing-4);
+  --pf-global--gutter--md: var(--quantic-spacing-6);
+  
+  /* === Borders === */
+  --pf-global--BorderColor--100: var(--quantic-border-primary);
+  --pf-global--BorderColor--200: var(--quantic-border-secondary);
+  --pf-global--BorderColor--300: var(--quantic-border-tertiary);
+  --pf-global--BorderColor--disabled: var(--quantic-border-disabled);
+  
+  /* Border radius */
+  --pf-global--BorderRadius--sm: var(--quantic-radius-sm);
+  --pf-global--BorderRadius--md: var(--quantic-radius-md);
+  --pf-global--BorderRadius--lg: var(--quantic-radius-lg);
+  --pf-global--BorderRadius--xl: var(--quantic-radius-xl);
+  
+  /* === Focus === */
+  --pf-global--focus-ring-color: var(--quantic-focus-ring);
+  
+  /* === Shadows === */
+  --pf-global--BoxShadow--sm: var(--quantic-shadow-sm-01);
+  --pf-global--BoxShadow--md: var(--quantic-shadow-md-01);
+  --pf-global--BoxShadow--lg: var(--quantic-shadow-lg-01);
+  --pf-global--BoxShadow--xl: var(--quantic-shadow-xl-01);
+  
+  --pf-c-page__main-section--BackgroundColor: var(--quantic-bg-primary);
+}
+
+:root {
+  color: var(--quantic-text-primary);
+  background-color: var(--quantic-bg-primary);
+  font-family: var(--quantic-font-family-body);
+}
+
+:root b {
+  font-weight: normal;
+}
+
+:root .pf-c-page {
+  --pf-c-page--BackgroundColor: inherit;
+  --pf-c-page__main-section--BackgroundColor: inherit;
+  --pf-c-page__main-section--PaddingTop: var(--quantic-spacing-lg);
+  --pf-c-page__main-section--PaddingBottom: var(--quantic-spacing-lg);
+  --pf-c-page__main-section--xl--PaddingTop: var(--quantic-spacing-lg);
+  --pf-c-page__main-section--xl--PaddingBottom: var(--quantic-spacing-lg);
+  --pf-c-page__main-section--PaddingRight: var(--quantic-spacing-2xl);
+  --pf-c-page__main-section--PaddingLeft: var(--quantic-spacing-2xl);
+  --pf-c-page__main-section--xl--PaddingRight: var(--quantic-spacing-2xl);
+  --pf-c-page__main-section--xl--PaddingLeft: var(--quantic-spacing-2xl);
+
+  --pf-c-page__header--BackgroundColor: var(--quantic-bg-primary);
+  --pf-c-page__sidebar--Width: var(--quantic-spacing-80);
+  --pf-c-page__sidebar--BackgroundColor: var(--quantic-bg-primary);
+}
+
+:root .pf-c-login {
+  --pf-c-login__main--BackgroundColor: var(--quantic-bg-secondary);
+}
+:root .pf-c-page__header {
+  box-shadow: none;
+  border-bottom: 1px solid var(--quantic-border-secondary);
+}
+
+:root .pf-c-page__sidebar.pf-m-expanded {
+  box-shadow: none;
+  border-right: 1px solid var(--quantic-border-secondary);
+}
+
+:root .pf-c-nav {
+  --pf-c-nav--BackgroundColor: var(--quantic-bg-secondary);
+  --pf-c-nav__link--Color: var(--quantic-text-secondary);
+  --pf-c-nav__link--m-current--BackgroundColor: var(--quantic-bg-tertiary);
+  --pf-c-nav__link--m-current--Color: var(--quantic-text-primary);
+  --pf-c-nav__link--PaddingTop: var(--quantic-spacing-2);
+  --pf-c-nav__link--PaddingBottom: var(--quantic-spacing-2);
+  --pf-c-nav__link--PaddingRight: var(--quantic-spacing-3);
+  --pf-c-nav__link--PaddingLeft: var(--quantic-spacing-3);
+  --pf-c-nav__link--FontSize: var(--quantic-font-size-body-md);
+  --pf-c-nav__link--m-current--after--BorderColor: transparent;
+
+  margin-inline: var(--quantic-spacing-5);
+}
+
+:root .pf-c-nav__subnav {
+  --pf-c-nav__link--PaddingTop: var(--quantic-spacing-1);
+  --pf-c-nav__link--PaddingBottom: var(--quantic-spacing-1);
+  --pf-c-nav__link--PaddingRight: inherit;
+  --pf-c-nav__link--PaddingBottom: inherit;
+  --pf-c-nav__link--PaddingLeft: inherit;
+  --pf-c-nav__link--FontSize: var(--quantic-font-size-body-sm);
+  --pf-c-nav__link--hover--after--BorderColor: inherit;
+  --pf-c-nav__link--focus--after--BorderColor: inherit;
+  --pf-c-nav__link--active--after--BorderColor: inherit;
+  --pf-c-nav__link--m-current--after--BorderColor: inherit;
+  --pf-c-nav__link--hover--after--BorderLeftWidth: inherit;
+  --pf-c-nav__link--focus--after--BorderLeftWidth: inherit;
+  --pf-c-nav__link--active--after--BorderLeftWidth: inherit;
+  --pf-c-nav__link--m-current--after--BorderLeftWidth: inherit;
+  --pf-c-nav--c-divider--PaddingRight: inherit;
+  --pf-c-nav--c-divider--PaddingLeft: inherit;
+}
+
+:root .pf-c-page__main-section.pf-m-light {
+  --pf-c-page__main-section--BackgroundColor: inherit;
+}
+
+:root .pf-c-table {
+  color: var(--quantic-text-tertiary);
+  background-color: var(--quantic-bg-primary);
+}
+
+:root .pf-c-table tr > * {
+  color: inherit;
+}
+
+:root .pf-c-table {
+  --pf-global--Color--100: inherit;
+  --pf-global--Color--200: inherit;
+  --pf-global--BorderColor--100: var(--quantic-border-secondary);
+  --pf-global--primary-color--100: inherit;
+  --pf-global--link--Color: inherit;
+  --pf-global--link--Color--hover: inherit;
+  --pf-global--BackgroundColor--100: inherit;
+}
+
+:root .pf-c-card__title {
+  --pf-c-card__title--FontSize: var(--quantic-font-size-body-lg);
+  margin-bottom: var(--quantic-spacing-1);
+}
+
+:root .pf-c-data-list {
+  --pf-global--link--Color: inherit; 
+  --pf-c-data-list__item--BackgroundColor: var(--quantic-bg-primary);
+  --pf-c-data-list--BorderTopColor: var(--quantic-border-secondary);
+  --pf-c-data-list__item--BorderBottomColor: var(--quantic-border-secondary);
+  --pf-c-data-list__item--m-hover--BackgroundColor: var(--quantic-bg-tertiary);
+}
+
+:root .pf-c-dropdown {
+  --pf-c-dropdown__menu--BackgroundColor: var(--quantic-bg-primary);
+  --pf-c-dropdown__menu-item--Color: var(--quantic-text-primary);
+  --pf-c-dropdown__menu-item--FontSize: var(--quantic-font-size-body-sm);
+  --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--quantic-bg-tertiary);
+  --pf-c-dropdown__menu-item--hover--Color: var(--quantic-text-primary);
+  --pf-c-dropdown__menu-item--PaddingRight: var(--quantic-spacing-4);
+  --pf-c-dropdown__menu-item--PaddingLeft: var(--quantic-spacing-4);
+  --pf-c-dropdown__menu-item--PaddingTop: var(--quantic-spacing-2);
+  --pf-c-dropdown__menu-item--PaddingBottom: var(--quantic-spacing-2);
+}
+
+:root .pf-c-dropdown__menu {
+  border: 1px solid var(--quantic-border-primary);
+  border-radius: var(--quantic-radius-md);
+}
+
+
+:root .pf-c-select {
+  --pf-c-select__toggle--PaddingTop: var(--quantic-spacing-2);
+  --pf-c-select__toggle--PaddingBottom: var(--quantic-spacing-2);
+  --pf-c-select__toggle--BackgroundColor: var(--quantic-bg-primary);
+  --pf-c-select__toggle--BorderColor: var(--quantic-border-primary);
+  --pf-c-select__toggle--Color: var(--quantic-text-primary);
+  --pf-c-select__toggle--PaddingRight: var(--quantic-spacing-4);
+  --pf-c-select__toggle--PaddingLeft: var(--quantic-spacing-4);
+  --pf-c-select__toggle--FontSize: var(--quantic-font-size-body-md);
+
+  --pf-c-select__menu--BackgroundColor: var(--quantic-bg-primary);
+  --pf-c-select__menu-item--hover--BackgroundColor: var(--quantic-bg-tertiary);
+  --pf-c-select__menu-item--Color: var(--quantic-text-primary);
+  --pf-c-select__menu-item--PaddingTop: var(--quantic-spacing-2);
+  --pf-c-select__menu-item--PaddingRight: var(--quantic-spacing-4);
+  --pf-c-select__menu-item--PaddingBottom: var(--quantic-spacing-2);
+  --pf-c-select__menu-item--PaddingLeft: var(--quantic-spacing-4);
+  --pf-c-select__menu-item--FontSize: var(--quantic-font-size-body-sm);
+
+  --pf-c-select__toggle--before--BorderTopWidth: 1px;
+  --pf-c-select__toggle--before--BorderRightWidth: 1px;
+  --pf-c-select__toggle--before--BorderBottomWidth: 1px;
+  --pf-c-select__toggle--before--BorderLeftWidth: 1px;
+  --pf-c-select__toggle--before--BorderWidth: 1px;
+  --pf-c-select__toggle--before--BorderTopColor: var(--quantic-border-primary);
+  --pf-c-select__toggle--before--BorderRightColor: var(--quantic-border-primary);
+  --pf-c-select__toggle--before--BorderBottomColor: var(--quantic-border-primary);
+  --pf-c-select__toggle--before--BorderLeftColor: var(--quantic-border-primary);
+}
+
+:root .pf-c-select__toggle {
+  border-radius: var(--quantic-radius-sm);
+  height: 42px;
+}
+
+:root .pf-c-select__toggle:before {
+  border-radius: var(--quantic-radius-sm);
+}
+
+:root .pf-c-select__toggle:focus {
+  --pf-c-select__toggle--before--BorderBottomColor: inherit;
+  border-bottom: inherit;
+  outline: 2px solid var(--quantic-focus-ring);
+  outline-offset: 2px;
+}
+
+:root .pf-c-select__menu {
+  border: 1px solid var(--quantic-border-primary);
+  border-radius: var(--quantic-radius-md);
+}
+
+:root .pf-c-options-menu {
+  --pf-c-options-menu__menu-item--PaddingLeft: var(--quantic-spacing-4);
+  --pf-c-options-menu__menu-item--PaddingRight: var(--quantic-spacing-4);
+  --pf-c-options-menu__menu-item--PaddingTop: var(--quantic-spacing-2);
+  --pf-c-options-menu__menu-item--PaddingBottom: var(--quantic-spacing-2);
+  --pf-c-options-menu__menu-item--FontSize: var(--quantic-font-size-body-sm);
+  --pf-c-options-menu__menu--BackgroundColor: var(--quantic-bg-primary);
+
+  --pf-c-options-menu__menu-item-icon--Color: var(--quantic-text-tertiary);
+  --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--quantic-bg-tertiary);
+}
+
+:root .pf-c-options-menu__menu {
+  border: 1px solid var(--quantic-border-primary);
+  border-radius: var(--quantic-radius-md);
+}
+
+:root .pf-c-form {
+  --pf-c-form__label-text--FontWeight: var(--quantic-font-weight-normal);
+}
+
+:root .pf-c-tooltip {
+  --pf-c-tooltip--MaxWidth: inherit;
+  --pf-c-tooltip--BoxShadow: inherit;
+  --pf-c-tooltip_content--PaddingTop: inherit;
+  --pf-c-tooltip_content--PaddingRight: inherit;
+  --pf-c-tooltip_content--PaddingBottom: inherit;
+  --pf-c-tooltip_content--PaddingLeft: inherit;
+  --pf-c-tooltip_content--Color: inherit;
+  --pf-c-tooltip_content--BackgroundColor: var(--quantic-bg-secondary);
+  --pf-c-tooltip_content--FontSize: inherit;
+  --pf-c-tooltip_arrow--Width: inherit;
+  --pf-c-tooltip_arrow--Height: inherit;
+  --pf-c-tooltip_arrow--m-top--TranslateX: inherit;
+}
+
+:root .pf-c-form-control {
+  --pf-c-form-control--BackgroundColor: var(--quantic-bg-primary);
+  --pf-c-form-control--BorderColor: var(--quantic-border-primary);
+  --pf-c-form-control--Color: var(--quantic-text-primary);
+  --pf-c-form-control--PlaceholderColor: var(--quantic-text-disabled);
+
+  --pf-c-form-control--BorderTopColor: var(--quantic-border-primary);
+  --pf-c-form-control--BorderRightColor: var(--quantic-border-primary);
+  --pf-c-form-control--BorderBottomColor: var(--quantic-border-primary);
+  --pf-c-form-control--BorderLeftColor: var(--quantic-border-primary);
+
+  --pf-c-form-control--PaddingTop: var(--quantic-spacing-2);
+  --pf-c-form-control--PaddingRight: var(--quantic-spacing-3);
+  --pf-c-form-control--PaddingBottom: var(--quantic-spacing-2);
+  --pf-c-form-control--focus--PaddingBottom: var(--quantic-spacing-2);
+
+  --pf-c-button--BorderRadius: var(--quantic-radius-sm);
+  
+  --pf-c-form-control--focus--BorderBottomWidth: 1px;
+  --pf-c-form-control--PaddingLeft: var(--quantic-spacing-3);
+
+  border-radius: var(--quantic-radius-sm);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  transition: all 0.15s ease-in-out;
+}
+
+:root .pf-c-button.pf-m-control {
+  --pf-c-button--disabled--BackgroundColor: var(--quantic-bg-disabled);
+  --pf-c-button--BorderRadius: var(--quantic-radius-xs);
+}
+
+:root .pf-c-button {
+  --pf-c-button--PaddingTop: var(--quantic-spacing-2);
+  --pf-c-button--PaddingBottom: var(--quantic-spacing-2);
+  --pf-c-button--PaddingRight: var(--quantic-spacing-4);
+  --pf-c-button--PaddingLeft: var(--quantic-spacing-4);
+  --pf-c-button--FontSize: var(--quantic-font-size-body-md);
+  --pf-c-button--FontWeight: var(--quantic-font-weight-semibold);
+  --pf-c-button--disabled--BackgroundColor: var(--quantic-bg-disabled);
+  --pf-c-button--disabled--Color: var(--quantic-text-disabled);
+  --pf-c-button--LineHeight: 1.625rem;
+
+  --pf-c-button--m-primary--Color: var(--quantic-text-primary-on-brand);
+  --pf-c-button--m-primary--hover--Color: var(--quantic-text-primary-on-brand);
+
+  text-transform: uppercase;
+}
+
+:root .pf-c-form-control:focus {
+  --pf-c-form-control--BorderColor: var(--quantic-focus-ring);
+  --pf-c-form-control--BorderBottomColor: var(--quantic-border-primary);
+
+  outline: 2px solid var(--quantic-focus-ring);
+}
+
+:root .pf-c-form-control:hover {
+  --pf-c-form-control--BorderBottomColor: var(--quantic-border-primary);
+}
+
+:root .pf-c-input-group {
+  --pf-c-input-group--BackgroundColor: var(--quantic-bg-primary);
+  border-radius: var(--quantic-radius-sm);
+}
+
+
+.pf-c-nav__link {
+  border-radius: var(--quantic-radius-sm);
+}
+
+.pf-c-nav__link:focus {
+  background-color: transparent;
+}
+
+.pf-c-nav__link:active {
+  background-color: transparent;
+}
+
+.pf-c-nav__link:hover {
+  background-color: rgba(51, 170, 51, .1);
+}
+
+.pf-c-nav__link.pf-m-current {
+  background-color: rgba(51, 170, 51, .2);
+}
+
+.pf-c-nav__link.pf-m-current::after {
+  border-color: rgba(51, 170, 51, .3);
+}
\ No newline at end of file
diff --git a/awx/ui/src/screens/Dashboard/shared/Count.js b/awx/ui/src/screens/Dashboard/shared/Count.js
index eb6c6925..dcd0821b 100644
--- a/awx/ui/src/screens/Dashboard/shared/Count.js
+++ b/awx/ui/src/screens/Dashboard/shared/Count.js
@@ -9,18 +9,19 @@ const CountCard = styled(Card)`
   align-items: center;
   padding-top: var(--pf-global--spacer--sm);
   cursor: pointer;
+  color: var(--quantic-text-tertiary);
   text-align: center;
-  color: var(--pf-global--palette--black-1000);
   text-decoration: none;
 
   & h2 {
     font-size: var(--pf-global--FontSize--4xl);
-    color: var(--pf-global--palette--blue-400);
+    color: var(--quantic-text-primary);
     text-decoration: none;
+    margin-bottom: var(--quantic-spacing-4);
   }
 
   & h2.failed {
-    color: var(--pf-global--palette--red-200);
+    color: var(--quantic-text-tertiary);
   }
 `;
 
diff --git a/awx/ui/src/screens/Setting/SettingList.js b/awx/ui/src/screens/Setting/SettingList.js
index 2f4f0e96..861f91db 100644
--- a/awx/ui/src/screens/Setting/SettingList.js
+++ b/awx/ui/src/screens/Setting/SettingList.js
@@ -19,7 +19,7 @@ import useBrandName from 'hooks/useBrandName';
 
 const SplitLayout = styled(PageSection)`
   column-count: 1;
-  column-gap: 24px;
+  column-gap: var(--quantic-spacing-4xl);
   @media (min-width: 576px) {
     column-count: 2;
   }
@@ -36,11 +36,12 @@ const CardHeader = styled(_CardHeader)`
     align-items: flex-start;
     display: flex;
     flex-flow: column nowrap;
+    margin-bottom: var(--quantic-spacing-2);
   }
 `;
 const CardDescription = styled.div`
-  color: var(--pf-global--palette--black-600);
-  font-size: var(--pf-global--FontSize--xs);
+  color: var(--quantic-text-tertiary);
+  font-size: var(--pf-global--FontSize--sm);
 `;
 
 function SettingList() {

From 84b8b1003bbb26609e7d8b670469925e4830f7be Mon Sep 17 00:00:00 2001
From: Jesus Vilar <jvilar@ciq.com>
Date: Tue, 21 Oct 2025 18:45:15 +0200
Subject: [PATCH 2/6] feat: mode adjustments

---
 .../AdHocCommands/AdHocPreviewStep.js         |  14 +-
 .../src/components/AlertModal/AlertModal.js   |  27 ++-
 .../components/AppContainer/AppContainer.js   |   3 +
 .../AppContainer/NavExpandableGroup.js        |   7 +-
 .../AppContainer/PageHeaderToolbar.js         |  25 +--
 .../src/components/CodeEditor/CodeEditor.js   |   4 +-
 .../components/CodeEditor/VariablesDetail.js  |   4 +-
 .../components/CodeEditor/VariablesField.js   |   4 +-
 .../components/ContentEmpty/ContentEmpty.js   |   6 +-
 .../components/ContentError/ContentError.js   |   4 +-
 .../src/components/CopyButton/CopyButton.js   |   4 +-
 .../DataListToolbar/DataListToolbar.js        |  25 ++-
 awx/ui/src/components/DetailList/Detail.js    |   4 +-
 .../src/components/DetailList/DetailList.js   |   8 +-
 .../ExecutionEnvironmentDetail.js             |  10 +-
 .../ExpandCollapse/ExpandCollapse.js          |   6 +-
 .../src/components/FormField/PasswordInput.js |   6 +-
 .../src/components/FormLayout/FormLayout.js   |   1 +
 .../JobCancelButton/JobCancelButton.js        |  10 +-
 awx/ui/src/components/JobList/JobListItem.js  |   4 +-
 .../LaunchButton/ReLaunchDropDown.js          |   4 +-
 .../LaunchPrompt/steps/PreviewStep.js         |   4 +-
 .../components/LaunchPrompt/steps/StepName.js |   4 +-
 .../src/components/Lookup/HostFilterLookup.js |   8 +-
 awx/ui/src/components/Lookup/Lookup.js        |   4 +-
 .../PaginatedTable/ToolbarAddButton.js        |  21 +-
 awx/ui/src/components/Popover/Popover.js      |   4 +-
 awx/ui/src/components/Schedule/Schedule.js    |   8 +-
 .../Schedule/ScheduleList/ScheduleListItem.js |  12 +-
 .../components/ScreenHeader/ScreenHeader.js   |   3 +-
 .../src/components/Search/AdvancedSearch.js   |  30 ++-
 awx/ui/src/components/Search/Search.js        |  24 +--
 .../SelectedList/DraggableSelectedList.js     |   9 +-
 awx/ui/src/components/Sort/Sort.js            |   9 +-
 awx/ui/src/components/StatusIcon/icons.js     |  64 +++---
 .../src/components/StatusLabel/StatusLabel.js |   6 +-
 .../TemplateList/TemplateListItem.js          |  39 ++--
 .../src/components/Workflow/WorkflowLegend.js |  21 +-
 .../components/Workflow/WorkflowNodeHelp.js   |   5 +-
 .../Workflow/WorkflowNodeTypeLetter.js        |   6 +-
 .../components/Workflow/WorkflowStartNode.js  |   4 +-
 .../src/components/Workflow/WorkflowTools.js  |  55 +++--
 awx/ui/src/patternfly-overrides.css           | 192 ++++++++++++++++--
 .../ActivityStreamDetailButton.js             |   4 +-
 .../Application/Application/Application.js    |   8 +-
 .../ApplicationsList/ApplicationListItem.js   |   4 +-
 awx/ui/src/screens/Credential/Credential.js   |   8 +-
 .../CredentialList/CredentialListItem.js      |   4 +-
 .../Credential/shared/CredentialForm.js       |   6 +-
 .../CredentialFormFields/CredentialField.js   |   4 +-
 .../CredentialPluginField.js                  |   4 +-
 .../CredentialPluginSelected.js               |   4 +-
 .../screens/CredentialType/CredentialType.js  |   4 +-
 .../CredentialTypeListItem.js                 |   4 +-
 awx/ui/src/screens/Dashboard/Dashboard.js     |   4 +-
 .../src/screens/Dashboard/shared/LineChart.js |  24 ++-
 .../ExecutionEnvironment.js                   |   4 +-
 .../ExecutionEnvironmentListItem.js           |   4 +-
 awx/ui/src/screens/Host/Host.js               |   8 +-
 .../screens/Host/HostGroups/HostGroupItem.js  |   4 +-
 .../src/screens/Host/HostList/HostListItem.js |   4 +-
 .../screens/InstanceGroup/ContainerGroup.js   |   8 +-
 .../InstanceDetails/InstanceDetails.js        |  21 +-
 .../screens/InstanceGroup/InstanceGroup.js    |   8 +-
 .../InstanceGroupListItem.js                  |   8 +-
 .../Instances/InstanceListItem.js             |  22 +-
 awx/ui/src/screens/Instances/Instance.js      |   4 +-
 .../InstanceDetail/InstanceDetail.js          |  38 ++--
 .../InstanceList/InstanceListItem.js          |  15 +-
 .../AdvancedInventoryHost.js                  |   4 +-
 .../screens/Inventory/ConstructedInventory.js |   8 +-
 awx/ui/src/screens/Inventory/Inventory.js     |   8 +-
 .../InventoryGroup/InventoryGroup.js          |   4 +-
 .../InventoryGroupHostListItem.js             |  11 +-
 .../InventoryGroups/InventoryGroupItem.js     |   4 +-
 .../Inventory/InventoryHost/InventoryHost.js  |   8 +-
 .../InventoryHostGroupItem.js                 |   4 +-
 .../InventoryHosts/InventoryHostItem.js       |   4 +-
 .../InventoryList/InventoryListItem.js        |   4 +-
 .../InventoryRelatedGroupListItem.js          |   4 +-
 .../InventorySource/InventorySource.js        |   4 +-
 .../InventorySourceListItem.js                |  11 +-
 .../src/screens/Inventory/SmartInventory.js   |   8 +-
 .../shared/ConstructedInventoryHint.js        |   4 +-
 .../shared/InventorySourceSyncButton.js       |   4 +-
 awx/ui/src/screens/Job/Job.js                 |   4 +-
 .../src/screens/Job/JobOutput/EmptyOutput.js  |   9 +-
 .../screens/Job/JobOutput/JobOutputSearch.js  |  11 +-
 .../src/screens/Job/JobOutput/PageControls.js |  42 ++--
 .../JobOutput/shared/JobEventLineToggle.js    |  17 +-
 .../Job/JobOutput/shared/OutputToolbar.js     |  14 +-
 .../WorkflowOutput/WorkflowOutputToolbar.js   |  17 +-
 awx/ui/src/screens/Login/Login.js             |  44 ++--
 .../screens/ManagementJob/ManagementJob.js    |   8 +-
 .../LaunchManagementPrompt.js                 |   4 +-
 .../ManagementJobListItem.js                  |   4 +-
 .../NotificationTemplate.js                   |   4 +-
 .../NotificationTemplateListItem.js           |   6 +-
 .../src/screens/Organization/Organization.js  |   8 +-
 .../OrganizationList/OrganizationListItem.js  |  11 +-
 .../OrganizationTeamListItem.js               |   4 +-
 awx/ui/src/screens/Project/Project.js         |   4 +-
 .../Project/ProjectList/ProjectListItem.js    |  20 +-
 .../Project/shared/ProjectSyncButton.js       |   6 +-
 .../AzureAD/AzureADDetail/AzureADDetail.js    |   4 +-
 .../GitHub/GitHubDetail/GitHubDetail.js       |   4 +-
 .../GoogleOAuth2Detail/GoogleOAuth2Detail.js  |   4 +-
 .../Setting/Jobs/JobsDetail/JobsDetail.js     |   4 +-
 .../Setting/LDAP/LDAPDetail/LDAPDetail.js     |   4 +-
 .../Logging/LoggingDetail/LoggingDetail.js    |   4 +-
 .../MiscAuthenticationDetail.js               |   4 +-
 .../MiscSystemDetail/MiscSystemDetail.js      |   4 +-
 .../Setting/OIDC/OIDCDetail/OIDCDetail.js     |   4 +-
 .../RADIUS/RADIUSDetail/RADIUSDetail.js       |   4 +-
 .../Setting/SAML/SAMLDetail/SAMLDetail.js     |   4 +-
 .../SubscriptionDetail/SubscriptionDetail.js  |  18 +-
 .../SubscriptionEdit/SubscriptionModal.js     |   6 +-
 .../SubscriptionEdit/SubscriptionStep.js      |   4 +-
 .../TACACS/TACACSDetail/TACACSDetail.js       |   4 +-
 .../TroubleshootingDetail.js                  |   4 +-
 .../screens/Setting/UI/UIDetail/UIDetail.js   |   4 +-
 .../screens/Setting/shared/SharedFields.js    |   7 +-
 .../SubscriptionUsage/SubscriptionUsage.js    |   4 +-
 awx/ui/src/screens/Team/Team.js               |   4 +-
 .../src/screens/Team/TeamList/TeamListItem.js |   4 +-
 .../screens/Team/TeamRoles/TeamRolesList.js   |   5 +-
 .../Template/Survey/MultipleChoiceField.js    |   6 +-
 .../screens/Template/Survey/SurveyListItem.js |   4 +-
 .../Template/Survey/SurveyReorderModal.js     |   4 +-
 awx/ui/src/screens/Template/Template.js       |   8 +-
 .../screens/Template/WorkflowJobTemplate.js   |   8 +-
 .../NodeTypeStep/JobTemplatesList.js          |   4 +-
 .../VisualizerLink.js                         |  12 +-
 .../VisualizerNode.js                         |  26 ++-
 .../VisualizerToolbar.js                      |  41 ++--
 .../screens/Template/shared/WebhookSubForm.js |   4 +-
 .../screens/TopologyView/ContentLoading.js    |   4 +-
 awx/ui/src/screens/TopologyView/Header.js     |  12 +-
 awx/ui/src/screens/TopologyView/Legend.js     | 128 +++++-------
 awx/ui/src/screens/TopologyView/MeshGraph.js  |  26 ++-
 awx/ui/src/screens/TopologyView/Tooltip.js    |  86 ++++----
 awx/ui/src/screens/TopologyView/constants.js  |  20 +-
 awx/ui/src/screens/User/User.js               |   4 +-
 .../src/screens/User/UserList/UserListItem.js |  12 +-
 .../screens/User/UserRoles/UserRolesList.js   |   5 +-
 .../src/screens/User/UserToken/UserToken.js   |  14 +-
 .../WorkflowApproval/WorkflowApproval.js      |   4 +-
 .../shared/WorkflowApprovalButton.js          |   4 +-
 .../shared/WorkflowDenyButton.js              |   4 +-
 149 files changed, 991 insertions(+), 830 deletions(-)

diff --git a/awx/ui/src/components/AdHocCommands/AdHocPreviewStep.js b/awx/ui/src/components/AdHocCommands/AdHocPreviewStep.js
index 993dcd0b..745b37bf 100644
--- a/awx/ui/src/components/AdHocCommands/AdHocPreviewStep.js
+++ b/awx/ui/src/components/AdHocCommands/AdHocPreviewStep.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import { useLingui } from '@lingui/react/macro';
 import { Tooltip } from '@patternfly/react-core';
-import { ExclamationCircleIcon as PFExclamationCircleIcon } from '@patternfly/react-icons';
+import { LucideIconCircleAlert } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 import { VERBOSITY } from '../VerbositySelectField';
 import { toTitleCase } from '../../util/strings';
@@ -9,7 +9,7 @@ import { VariablesDetail } from '../CodeEditor';
 import { jsonToYaml } from '../../util/yaml';
 import { DetailList, Detail } from '../DetailList';
 
-const ExclamationCircleIcon = styled(PFExclamationCircleIcon)`
+const ExclamationCircleIcon = styled(LucideIconCircleAlert)`
   margin-left: 10px;
   margin-top: -2px;
 `;
@@ -36,7 +36,10 @@ function AdHocPreviewStep({ hasErrors, values }) {
             content={t`See errors on the left`}
             trigger="click mouseenter focus"
           >
-            <ExclamationCircleIcon />
+            <ExclamationCircleIcon
+              size="xs"
+              data-original-icon="ExclamationCircleIcon"
+            />
           </Tooltip>
         </ErrorMessageWrapper>
       )}
@@ -61,10 +64,7 @@ function AdHocPreviewStep({ hasErrors, values }) {
           />
         )}
         {verbosity && (
-          <Detail
-            label={t`Verbosity`}
-            value={VERBOSITY(t)[values.verbosity]}
-          />
+          <Detail label={t`Verbosity`} value={VERBOSITY(t)[values.verbosity]} />
         )}
         {extra_vars && (
           <VariablesDetail
diff --git a/awx/ui/src/components/AlertModal/AlertModal.js b/awx/ui/src/components/AlertModal/AlertModal.js
index d51deb46..a579140a 100644
--- a/awx/ui/src/components/AlertModal/AlertModal.js
+++ b/awx/ui/src/components/AlertModal/AlertModal.js
@@ -2,12 +2,12 @@ import 'styled-components/macro';
 import React from 'react';
 import { Modal, Title } from '@patternfly/react-core';
 import {
-  CheckCircleIcon,
-  ExclamationCircleIcon,
-  ExclamationTriangleIcon,
-  InfoCircleIcon,
-  TimesCircleIcon,
-} from '@patternfly/react-icons';
+  LucideIconCircleCheck,
+  LucideIconCircleAlert,
+  LucideIconTriangleAlert,
+  LucideIconInfo,
+  LucideIconCircleX,
+} from '@ctrliq/quantic-react';
 
 import { useLingui } from '@lingui/react/macro';
 import styled from 'styled-components';
@@ -30,33 +30,38 @@ function AlertModal({
   const { t } = useLingui();
   const variantIcons = {
     danger: (
-      <ExclamationCircleIcon
+      <LucideIconCircleAlert
         size="lg"
         css="color: var(--pf-global--danger-color--100)"
+        data-original-icon="ExclamationCircleIcon"
       />
     ),
     error: (
-      <TimesCircleIcon
+      <LucideIconCircleX
         size="lg"
         css="color: var(--pf-global--danger-color--100)"
+        data-original-icon="TimesCircleIcon"
       />
     ),
     info: (
-      <InfoCircleIcon
+      <LucideIconInfo
         size="lg"
         css="color: var(--pf-global--info-color--100)"
+        data-original-icon="InfoCircleIcon"
       />
     ),
     success: (
-      <CheckCircleIcon
+      <LucideIconCircleCheck
         size="lg"
         css="color: var(--pf-global--success-color--100)"
+        data-original-icon="CheckCircleIcon"
       />
     ),
     warning: (
-      <ExclamationTriangleIcon
+      <LucideIconTriangleAlert
         size="lg"
         css="color: var(--pf-global--warning-color--100)"
+        data-original-icon="ExclamationTriangleIcon"
       />
     ),
   };
diff --git a/awx/ui/src/components/AppContainer/AppContainer.js b/awx/ui/src/components/AppContainer/AppContainer.js
index b1a44d37..e63d1e56 100644
--- a/awx/ui/src/components/AppContainer/AppContainer.js
+++ b/awx/ui/src/components/AppContainer/AppContainer.js
@@ -41,6 +41,7 @@ function AppContainer({ navRouteConfig = [], children }) {
   const isReady = !!config.license_info;
   const isSidebarVisible = useAuthorizedPath();
   const [isAboutModalOpen, setIsAboutModalOpen] = useState(false);
+  const [expandedGroup, setExpandedGroup] = useState(null);
 
   const handleAboutModalOpen = () => setIsAboutModalOpen(true);
   const handleAboutModalClose = () => setIsAboutModalOpen(false);
@@ -122,6 +123,8 @@ function AppContainer({ navRouteConfig = [], children }) {
                 groupId={groupId}
                 groupTitle={groupTitle}
                 routes={routes}
+                isExpanded={expandedGroup === groupId}
+                onExpand={() => setExpandedGroup(groupId)}
               />
             ))}
           </NavList>
diff --git a/awx/ui/src/components/AppContainer/NavExpandableGroup.js b/awx/ui/src/components/AppContainer/NavExpandableGroup.js
index a5c16217..dc1eae40 100644
--- a/awx/ui/src/components/AppContainer/NavExpandableGroup.js
+++ b/awx/ui/src/components/AppContainer/NavExpandableGroup.js
@@ -5,7 +5,7 @@ import { NavExpandable, NavItem } from '@patternfly/react-core';
 
 function NavExpandableGroup(props) {
   const history = useHistory();
-  const { groupId, groupTitle, routes } = props;
+  const { groupId, groupTitle, routes, isExpanded, onExpand } = props;
 
   // Extract a list of paths from the route params and store them for later. This creates
   // an array of url paths associated with any NavItem component rendered by this component.
@@ -29,7 +29,8 @@ function NavExpandableGroup(props) {
   return (
     <NavExpandable
       isActive={isActive}
-      isExpanded
+      isExpanded={isExpanded}
+      onExpand={onExpand}
       groupId={groupId}
       ouiaId={groupId}
       title={groupTitle}
@@ -47,6 +48,8 @@ NavExpandableGroup.propTypes = {
   groupId: string.isRequired,
   groupTitle: oneOfType([PropTypes.element, string]).isRequired,
   routes: arrayOf(PropTypes.object).isRequired,
+  isExpanded: PropTypes.bool,
+  onExpand: PropTypes.func,
 };
 
 export default NavExpandableGroup;
diff --git a/awx/ui/src/components/AppContainer/PageHeaderToolbar.js b/awx/ui/src/components/AppContainer/PageHeaderToolbar.js
index 75e4d7fb..afa02912 100644
--- a/awx/ui/src/components/AppContainer/PageHeaderToolbar.js
+++ b/awx/ui/src/components/AppContainer/PageHeaderToolbar.js
@@ -19,7 +19,7 @@ import {
   PageHeaderToolsItem,
   Tooltip,
 } from '@patternfly/react-core';
-import { QuestionCircleIcon, UserIcon } from '@patternfly/react-icons';
+import { LucideIconCircleHelp, LucideIconUser } from '@ctrliq/quantic-react';
 import { WorkflowApprovalsAPI } from 'api';
 import useRequest from 'hooks/useRequest';
 /* import getDocsBaseUrl from 'util/getDocsBaseUrl'; */
@@ -33,6 +33,11 @@ const PendingWorkflowApprovals = styled.div`
   margin-right: 10px;
 `;
 
+const UserName = styled.span`
+  margin-left: 10px;
+  font-size: var(--quantic-font-size-body-sm);
+`;
+
 function PageHeaderToolbar({
   isAboutDisabled,
   onAboutClick,
@@ -77,10 +82,7 @@ function PageHeaderToolbar({
   return (
     <PageHeaderTools>
       <PageHeaderToolsGroup>
-        <Tooltip
-          position="bottom"
-          content={t`Pending Workflow Approvals`}
-        >
+        <Tooltip position="bottom" content={t`Pending Workflow Approvals`}>
           <PageHeaderToolsItem>
             <Link to="/workflow_approvals?workflow_approvals.status=pending">
               <PendingWorkflowApprovals>
@@ -110,7 +112,10 @@ function PageHeaderToolbar({
                 aria-label={t`Info`}
                 ouiaId="toolbar-info-dropdown-toggle"
               >
-                <QuestionCircleIcon />
+                <LucideIconCircleHelp
+                  size="xs"
+                  data-original-icon="QuestionCircleIcon"
+                />
               </DropdownToggle>
             }
             dropdownItems={[
@@ -150,12 +155,8 @@ function PageHeaderToolbar({
                 onToggle={setIsUserOpen}
                 ouiaId="toolbar-user-dropdown-toggle"
               >
-                <UserIcon />
-                {loggedInUser && (
-                  <span style={{ marginLeft: '10px' }}>
-                    {loggedInUser.username}
-                  </span>
-                )}
+                <LucideIconUser size="xs" data-original-icon="UserIcon" />
+                {loggedInUser && <UserName>{loggedInUser.username}</UserName>}
               </DropdownToggle>
             }
             dropdownItems={[
diff --git a/awx/ui/src/components/CodeEditor/CodeEditor.js b/awx/ui/src/components/CodeEditor/CodeEditor.js
index 5ab95e59..00c9f96f 100644
--- a/awx/ui/src/components/CodeEditor/CodeEditor.js
+++ b/awx/ui/src/components/CodeEditor/CodeEditor.js
@@ -6,7 +6,7 @@ import 'ace-builds/src-noconflict/mode-json';
 import 'ace-builds/src-noconflict/mode-javascript';
 import 'ace-builds/src-noconflict/mode-yaml';
 import 'ace-builds/src-noconflict/mode-django';
-import 'ace-builds/src-noconflict/theme-github';
+import 'ace-builds/src-noconflict/theme-monokai';
 
 import { useLingui } from '@lingui/react/macro';
 
@@ -139,7 +139,7 @@ function CodeEditor({
         <AceEditor
           mode={aceModes[mode] || 'text'}
           className={`pf-c-form-control ${className}`}
-          theme="github"
+          theme="monokai"
           onChange={debounce(onChange, 250)}
           value={value}
           onFocus={onFocus}
diff --git a/awx/ui/src/components/CodeEditor/VariablesDetail.js b/awx/ui/src/components/CodeEditor/VariablesDetail.js
index 93a8ccbd..fbfe9756 100644
--- a/awx/ui/src/components/CodeEditor/VariablesDetail.js
+++ b/awx/ui/src/components/CodeEditor/VariablesDetail.js
@@ -10,7 +10,7 @@ import {
   Button,
   Modal,
 } from '@patternfly/react-core';
-import { ExpandArrowsAltIcon } from '@patternfly/react-icons';
+import { LucideIconExpand } from '@ctrliq/quantic-react';
 import { yamlToJson, jsonToYaml, isJsonObject, isJsonString } from 'util/yaml';
 import { DetailName, DetailValue } from '../DetailList';
 import MultiButtonToggle from '../MultiButtonToggle';
@@ -216,7 +216,7 @@ function ModeToggle({
             onClick={onExpand}
             ouiaId={`${dataCy}-expand`}
           >
-            <ExpandArrowsAltIcon />
+            <LucideIconExpand size="xs" data-original-icon="ExpandArrowsAltIcon" />
           </Button>
         </SplitItem>
       )}
diff --git a/awx/ui/src/components/CodeEditor/VariablesField.js b/awx/ui/src/components/CodeEditor/VariablesField.js
index b9889c8e..fa0605ba 100644
--- a/awx/ui/src/components/CodeEditor/VariablesField.js
+++ b/awx/ui/src/components/CodeEditor/VariablesField.js
@@ -5,7 +5,7 @@ import { useLingui } from '@lingui/react/macro';
 import { useField } from 'formik';
 import styled from 'styled-components';
 import { Split, SplitItem, Button, Modal } from '@patternfly/react-core';
-import { ExpandArrowsAltIcon } from '@patternfly/react-icons';
+import { LucideIconExpand } from '@ctrliq/quantic-react';
 import {
   yamlToJson,
   jsonToYaml,
@@ -272,7 +272,7 @@ function VariablesFieldInternals({
             onClick={onExpand}
             ouiaId={`${id}-expand`}
           >
-            <ExpandArrowsAltIcon />
+            <LucideIconExpand size="xs" data-original-icon="ExpandArrowsAltIcon" />
           </Button>
         )}
       </FieldHeader>
diff --git a/awx/ui/src/components/ContentEmpty/ContentEmpty.js b/awx/ui/src/components/ContentEmpty/ContentEmpty.js
index 048ffea9..c4e657a9 100644
--- a/awx/ui/src/components/ContentEmpty/ContentEmpty.js
+++ b/awx/ui/src/components/ContentEmpty/ContentEmpty.js
@@ -6,18 +6,18 @@ import {
   EmptyStateIcon,
   EmptyStateBody,
 } from '@patternfly/react-core';
-import { CubesIcon } from '@patternfly/react-icons';
+import { LucideIconBox } from '@ctrliq/quantic-react';
 
 const ContentEmpty = ({
   title = '',
   message = '',
-  icon = CubesIcon,
+  icon = LucideIconBox,
   className = '',
 }) => {
   const { t } = useLingui();
   return (
     <EmptyState variant="full" className={className}>
-      <EmptyStateIcon icon={icon} />
+      <EmptyStateIcon size={64} icon={icon} />
       <Title size="lg" headingLevel="h3">
         {title || t`No items found.`}
       </Title>
diff --git a/awx/ui/src/components/ContentError/ContentError.js b/awx/ui/src/components/ContentError/ContentError.js
index de247d15..76d8ffaa 100644
--- a/awx/ui/src/components/ContentError/ContentError.js
+++ b/awx/ui/src/components/ContentError/ContentError.js
@@ -10,7 +10,7 @@ import {
   EmptyStateIcon,
   EmptyStateBody,
 } from '@patternfly/react-core';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons';
+import { LucideIconTriangleAlert } from '@ctrliq/quantic-react';
 import { useSession } from 'contexts/Session';
 import ErrorDetail from '../ErrorDetail';
 
@@ -33,7 +33,7 @@ function ContentError({ error, children, isNotFound }) {
         <Redirect to="/login" />
       ) : (
         <EmptyState variant="full">
-          <EmptyStateIcon icon={ExclamationTriangleIcon} />
+          <EmptyStateIcon icon={LucideIconTriangleAlert} />
           <Title size="lg" headingLevel="h3">
             {is404
               ? t`Not Found`
diff --git a/awx/ui/src/components/CopyButton/CopyButton.js b/awx/ui/src/components/CopyButton/CopyButton.js
index 599aec5b..7f369e03 100644
--- a/awx/ui/src/components/CopyButton/CopyButton.js
+++ b/awx/ui/src/components/CopyButton/CopyButton.js
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react';
 import { useLingui } from '@lingui/react/macro';
 import PropTypes from 'prop-types';
 import { Button } from '@patternfly/react-core';
-import { CopyIcon } from '@patternfly/react-icons';
+import { LucideIconCopy } from '@ctrliq/quantic-react';
 import useRequest, { useDismissableError } from 'hooks/useRequest';
 import AlertModal from '../AlertModal';
 import ErrorDetail from '../ErrorDetail';
@@ -42,7 +42,7 @@ function CopyButton({
         variant="plain"
         onClick={copyItemToAPI}
       >
-        <CopyIcon />
+        <LucideIconCopy size="xs" data-original-icon="CopyIcon" />
       </Button>
       {error && (
         <AlertModal
diff --git a/awx/ui/src/components/DataListToolbar/DataListToolbar.js b/awx/ui/src/components/DataListToolbar/DataListToolbar.js
index 0055b92c..698947c8 100644
--- a/awx/ui/src/components/DataListToolbar/DataListToolbar.js
+++ b/awx/ui/src/components/DataListToolbar/DataListToolbar.js
@@ -16,10 +16,10 @@ import {
   KebabToggle,
 } from '@patternfly/react-core';
 import {
-  AngleDownIcon,
-  AngleRightIcon,
-  SearchIcon,
-} from '@patternfly/react-icons';
+  LucideIconChevronDown,
+  LucideIconChevronRight,
+  LucideIconSearch as SearchIcon,
+} from '@ctrliq/quantic-react';
 import { SearchColumns, SortColumns, QSConfig, SearchableKeys } from 'types';
 import { KebabifiedProvider } from 'contexts/Kebabified';
 import ExpandCollapse from '../ExpandCollapse';
@@ -113,9 +113,17 @@ function DataListToolbar({
                 variant="plain"
               >
                 {isAllExpanded ? (
-                  <AngleDownIcon aria-label={t`Is expanded`} />
+                  <LucideIconChevronDown
+                    aria-label={t`Is expanded`}
+                    data-original-icon="AngleDownIcon"
+                    size={16}
+                  />
                 ) : (
-                  <AngleRightIcon aria-label={t`Is not expanded`} />
+                  <LucideIconChevronRight
+                    aria-label={t`Is not expanded`}
+                    data-original-icon="AngleRightIcon"
+                    size={16}
+                  />
                 )}
               </Button>
             </ToolbarItem>
@@ -136,7 +144,10 @@ function DataListToolbar({
             </ToolbarItem>
           </ToolbarGroup>
         )}
-        <ToolbarToggleGroup toggleIcon={<SearchIcon />} breakpoint="lg">
+        <ToolbarToggleGroup
+          toggleIcon={<SearchIcon data-original-icon="SearchIcon" size={16} />}
+          breakpoint="lg"
+        >
           <ToolbarItem>
             <Search
               qsConfig={qsConfig}
diff --git a/awx/ui/src/components/DetailList/Detail.js b/awx/ui/src/components/DetailList/Detail.js
index 8f56f4ad..bd89cfdd 100644
--- a/awx/ui/src/components/DetailList/Detail.js
+++ b/awx/ui/src/components/DetailList/Detail.js
@@ -58,7 +58,7 @@ const Detail = ({
   const valueCy = dataCy ? `${dataCy}-value` : null;
 
   return (
-    <>
+    <div>
       <DetailName
         className={className}
         component={TextListItemVariants.dt}
@@ -79,7 +79,7 @@ const Detail = ({
       >
         {value}
       </DetailValue>
-    </>
+    </div>
   );
 };
 Detail.propTypes = {
diff --git a/awx/ui/src/components/DetailList/DetailList.js b/awx/ui/src/components/DetailList/DetailList.js
index dceaa1cb..39a5e1be 100644
--- a/awx/ui/src/components/DetailList/DetailList.js
+++ b/awx/ui/src/components/DetailList/DetailList.js
@@ -11,7 +11,9 @@ const DetailList = ({ children, stacked, ...props }) => (
 export default styled(DetailList)`
   display: grid;
   align-items: start;
-  ${(props) => (props.compact ? `column-gap: 20px;` : `grid-gap: 20px;`)}
+  font-size: var(--quantic-font-size-body-sm);
+  gap: ${(props) =>
+    props.compact ? `var(--quantic-spacing-4)` : `var(--quantic-spacing-8)`};
   ${(props) =>
     props.stacked
       ? `
@@ -19,7 +21,7 @@ export default styled(DetailList)`
   `
       : `
     --column-count: 1;
-    grid-template-columns: repeat(var(--column-count), auto minmax(10em, 1fr));
+    grid-template-columns: repeat(var(--column-count), 1fr);
 
     @media (min-width: 920px) {
       --column-count: 2;
@@ -31,6 +33,6 @@ export default styled(DetailList)`
   `}
 
   & + & {
-    margin-top: 20px;
+    margin-top: var(--quantic-spacing-6);
   }
 `;
diff --git a/awx/ui/src/components/ExecutionEnvironmentDetail/ExecutionEnvironmentDetail.js b/awx/ui/src/components/ExecutionEnvironmentDetail/ExecutionEnvironmentDetail.js
index e13a3572..65e522cd 100644
--- a/awx/ui/src/components/ExecutionEnvironmentDetail/ExecutionEnvironmentDetail.js
+++ b/awx/ui/src/components/ExecutionEnvironmentDetail/ExecutionEnvironmentDetail.js
@@ -5,19 +5,19 @@ import { Trans, useLingui } from '@lingui/react/macro';
 
 import { Popover, Tooltip } from '@patternfly/react-core';
 import styled from 'styled-components';
-import { ExclamationTriangleIcon as PFExclamationTriangleIcon } from '@patternfly/react-icons';
+import { LucideIconTriangleAlert } from '@ctrliq/quantic-react';
 import { ExecutionEnvironment } from 'types';
 import getDocsBaseUrl from 'util/getDocsBaseUrl';
 import { useConfig } from 'contexts/Config';
 import { Detail } from '../DetailList';
 
-const ExclamationTriangleIcon = styled(PFExclamationTriangleIcon)`
+const ExclamationTriangleIcon = styled(LucideIconTriangleAlert)`
   color: var(--pf-global--warning-color--100);
   margin-left: 18px;
   cursor: pointer;
 `;
 
-const ExclamationTrianglePopover = styled(PFExclamationTriangleIcon)`
+const ExclamationTrianglePopover = styled(LucideIconTriangleAlert)`
   color: var(--pf-global--warning-color--100);
   margin-left: 18px;
   cursor: pointer;
@@ -90,7 +90,7 @@ function ExecutionEnvironmentDetail({
                 }
                 position="right"
               >
-                <ExclamationTrianglePopover />
+                <ExclamationTrianglePopover size="xs" data-original-icon="ExclamationTriangleIcon" />
               </Popover>
             </span>
           </>
@@ -115,7 +115,7 @@ function ExecutionEnvironmentDetail({
               <Tooltip
                 content={t`Execution environment is missing or deleted.`}
               >
-                <ExclamationTriangleIcon />
+                <ExclamationTriangleIcon size="xs" data-original-icon="ExclamationTriangleIcon" />
               </Tooltip>
             </span>
           </>
diff --git a/awx/ui/src/components/ExpandCollapse/ExpandCollapse.js b/awx/ui/src/components/ExpandCollapse/ExpandCollapse.js
index 116da6a9..62069026 100644
--- a/awx/ui/src/components/ExpandCollapse/ExpandCollapse.js
+++ b/awx/ui/src/components/ExpandCollapse/ExpandCollapse.js
@@ -6,7 +6,7 @@ import {
   Button as PFButton,
   ToolbarItem as PFToolbarItem,
 } from '@patternfly/react-core';
-import { BarsIcon, EqualsIcon } from '@patternfly/react-icons';
+import { LucideIconMenu, LucideIconEqual } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 
 const Button = styled(PFButton)`
@@ -43,7 +43,7 @@ function ExpandCollapse({ isCompact, onCompact, onExpand }) {
           onClick={onCompact}
           isActive={isCompact}
         >
-          <BarsIcon />
+          <LucideIconMenu size="xs" data-original-icon="BarsIcon" />
         </Button>
       </ToolbarItem>
       <ToolbarItem>
@@ -54,7 +54,7 @@ function ExpandCollapse({ isCompact, onCompact, onExpand }) {
           onClick={onExpand}
           isActive={!isCompact}
         >
-          <EqualsIcon />
+          <LucideIconEqual size="xs" data-original-icon="EqualsIcon" />
         </Button>
       </ToolbarItem>
     </>
diff --git a/awx/ui/src/components/FormField/PasswordInput.js b/awx/ui/src/components/FormField/PasswordInput.js
index 9ed65298..ebc3ebc4 100644
--- a/awx/ui/src/components/FormField/PasswordInput.js
+++ b/awx/ui/src/components/FormField/PasswordInput.js
@@ -9,7 +9,7 @@ import {
   TextInput,
   Tooltip,
 } from '@patternfly/react-core';
-import { EyeIcon, EyeSlashIcon } from '@patternfly/react-icons';
+import { LucideIconEye, LucideIconEyeOff } from '@ctrliq/quantic-react';
 
 function PasswordInput(props) {
   const { t } = useLingui();
@@ -45,8 +45,8 @@ function PasswordInput(props) {
           onClick={handlePasswordToggle}
           isDisabled={isDisabled}
         >
-          {inputType === 'password' && <EyeSlashIcon />}
-          {inputType === 'text' && <EyeIcon />}
+          {inputType === 'password' && <LucideIconEyeOff size="xs" data-original-icon="EyeSlashIcon" />}
+          {inputType === 'text' && <LucideIconEye size="xs" data-original-icon="EyeIcon" />}
         </Button>
       </Tooltip>
       <TextInput
diff --git a/awx/ui/src/components/FormLayout/FormLayout.js b/awx/ui/src/components/FormLayout/FormLayout.js
index 232550ac..e9fc8833 100644
--- a/awx/ui/src/components/FormLayout/FormLayout.js
+++ b/awx/ui/src/components/FormLayout/FormLayout.js
@@ -33,6 +33,7 @@ export const FormCheckboxLayout = styled.div`
   & > * {
     margin-bottom: 10px;
     margin-right: 30px;
+    align-items: center;
   }
 `;
 
diff --git a/awx/ui/src/components/JobCancelButton/JobCancelButton.js b/awx/ui/src/components/JobCancelButton/JobCancelButton.js
index 537d29f0..81a83202 100644
--- a/awx/ui/src/components/JobCancelButton/JobCancelButton.js
+++ b/awx/ui/src/components/JobCancelButton/JobCancelButton.js
@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import { useLingui } from '@lingui/react/macro';
-import { MinusCircleIcon } from '@patternfly/react-icons';
+import { LucideIconCircleMinus } from '@ctrliq/quantic-react';
 import { Button, Tooltip } from '@patternfly/react-core';
 import { getJobModel } from 'util/jobs';
 import useRequest, { useDismissableError } from 'hooks/useRequest';
@@ -56,7 +56,10 @@ function JobCancelButton({
               variant="plain"
               style={style}
             >
-              <MinusCircleIcon />
+              <LucideIconCircleMinus
+                size="xs"
+                data-original-icon="MinusCircleIcon"
+              />
             </Button>
           ) : (
             <Button
@@ -102,8 +105,7 @@ function JobCancelButton({
             </Button>,
           ]}
         >
-          {cancelationMessage ??
-            t`Are you sure you want to cancel this job?`}
+          {cancelationMessage ?? t`Are you sure you want to cancel this job?`}
         </AlertModal>
       )}
       {error && !isAlreadyCancelled && (
diff --git a/awx/ui/src/components/JobList/JobListItem.js b/awx/ui/src/components/JobList/JobListItem.js
index 252dc2a7..99e53078 100644
--- a/awx/ui/src/components/JobList/JobListItem.js
+++ b/awx/ui/src/components/JobList/JobListItem.js
@@ -4,7 +4,7 @@ import { Link } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button, Chip } from '@patternfly/react-core';
 import { Tr, Td, ExpandableRowContent } from '@patternfly/react-table';
-import { RocketIcon } from '@patternfly/react-icons';
+import { LucideIconRocket } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 import { formatDateString } from 'util/dates';
 import { isJobRunning } from 'util/jobs';
@@ -154,7 +154,7 @@ function JobListItem({
                     aria-label={t`Relaunch`}
                     isDisabled={isLaunching}
                   >
-                    <RocketIcon />
+                    <LucideIconRocket size="xs" data-original-icon="RocketIcon" />
                   </Button>
                 )}
               </LaunchButton>
diff --git a/awx/ui/src/components/LaunchButton/ReLaunchDropDown.js b/awx/ui/src/components/LaunchButton/ReLaunchDropDown.js
index a4fa9648..fe20d101 100644
--- a/awx/ui/src/components/LaunchButton/ReLaunchDropDown.js
+++ b/awx/ui/src/components/LaunchButton/ReLaunchDropDown.js
@@ -9,7 +9,7 @@ import {
   DropdownSeparator,
   DropdownDirection,
 } from '@patternfly/react-core';
-import { RocketIcon } from '@patternfly/react-icons';
+import { LucideIconRocket } from '@ctrliq/quantic-react';
 
 function ReLaunchDropDown({
   isPrimary = false,
@@ -102,7 +102,7 @@ function ReLaunchDropDown({
           id={id}
           ouiaId="relaunch-job-toggle"
         >
-          <RocketIcon />
+          <LucideIconRocket size="xs" data-original-icon="RocketIcon" />
         </DropdownToggle>
       }
     />
diff --git a/awx/ui/src/components/LaunchPrompt/steps/PreviewStep.js b/awx/ui/src/components/LaunchPrompt/steps/PreviewStep.js
index b2c94058..063d6b92 100644
--- a/awx/ui/src/components/LaunchPrompt/steps/PreviewStep.js
+++ b/awx/ui/src/components/LaunchPrompt/steps/PreviewStep.js
@@ -1,6 +1,5 @@
 import React from 'react';
 import styled from 'styled-components';
-import { ExclamationCircleIcon as PFExclamationCircleIcon } from '@patternfly/react-icons';
 import { Tooltip } from '@patternfly/react-core';
 import { useLingui } from '@lingui/react/macro';
 import { useFormikContext } from 'formik';
@@ -9,8 +8,9 @@ import yaml from 'js-yaml';
 import mergeExtraVars, { maskPasswords } from 'util/prompt/mergeExtraVars';
 import getSurveyValues from 'util/prompt/getSurveyValues';
 import PromptDetail from '../../PromptDetail';
+import { LucideIconCircleAlert } from '@ctrliq/quantic-react';
 
-const ExclamationCircleIcon = styled(PFExclamationCircleIcon)`
+const ExclamationCircleIcon = styled(LucideIconCircleAlert)`
   margin-left: 10px;
   margin-top: -2px;
 `;
diff --git a/awx/ui/src/components/LaunchPrompt/steps/StepName.js b/awx/ui/src/components/LaunchPrompt/steps/StepName.js
index 5d273847..9d044175 100644
--- a/awx/ui/src/components/LaunchPrompt/steps/StepName.js
+++ b/awx/ui/src/components/LaunchPrompt/steps/StepName.js
@@ -3,14 +3,14 @@ import { useLingui } from '@lingui/react/macro';
 import styled from 'styled-components';
 
 import { Tooltip } from '@patternfly/react-core';
-import { ExclamationCircleIcon as PFExclamationCircleIcon } from '@patternfly/react-icons';
+import { LucideIconCircleAlert } from '@ctrliq/quantic-react';
 
 const AlertText = styled.div`
   color: var(--pf-global--danger-color--200);
   font-weight: var(--pf-global--FontWeight--bold);
 `;
 
-const ExclamationCircleIcon = styled(PFExclamationCircleIcon)`
+const ExclamationCircleIcon = styled(LucideIconCircleAlert)`
   margin-left: 10px;
 `;
 
diff --git a/awx/ui/src/components/Lookup/HostFilterLookup.js b/awx/ui/src/components/Lookup/HostFilterLookup.js
index 22fe9de7..66c376f2 100644
--- a/awx/ui/src/components/Lookup/HostFilterLookup.js
+++ b/awx/ui/src/components/Lookup/HostFilterLookup.js
@@ -4,7 +4,7 @@ import { number, func, bool, string } from 'prop-types';
 
 import styled from 'styled-components';
 import { useLingui } from '@lingui/react/macro';
-import { SearchIcon } from '@patternfly/react-icons';
+import { LucideIconSearch } from '@ctrliq/quantic-react';
 import {
   Alert as PFAlert,
   Button,
@@ -295,7 +295,7 @@ function HostFilterLookup({
         onClick={handleOpenModal}
         variant={ButtonVariant.control}
       >
-        <SearchIcon />
+        <LucideIconSearch data-original-icon="SearchIcon" size={16} />
       </Button>
       <ChipHolder className="pf-c-form-control">
         {searchColumns.map(({ name, key }) => (
@@ -422,9 +422,7 @@ function HostFilterLookup({
             headerRow={
               <HeaderRow qsConfig={QS_CONFIG} isSelectable={false}>
                 <HeaderCell sortKey="name">{t`Name`}</HeaderCell>
-                <HeaderCell sortKey="description">
-                  {t`Description`}
-                </HeaderCell>
+                <HeaderCell sortKey="description">{t`Description`}</HeaderCell>
                 <HeaderCell>{t`Inventory`}</HeaderCell>
               </HeaderRow>
             }
diff --git a/awx/ui/src/components/Lookup/Lookup.js b/awx/ui/src/components/Lookup/Lookup.js
index c09384f9..2af01eff 100644
--- a/awx/ui/src/components/Lookup/Lookup.js
+++ b/awx/ui/src/components/Lookup/Lookup.js
@@ -12,7 +12,7 @@ import {
 } from 'prop-types';
 import { withRouter } from 'react-router-dom';
 import { useField } from 'formik';
-import { SearchIcon } from '@patternfly/react-icons';
+import { LucideIconSearch } from '@ctrliq/quantic-react';
 import {
   Button,
   ButtonVariant,
@@ -148,7 +148,7 @@ function Lookup(props) {
           variant={ButtonVariant.control}
           isDisabled={isLoading || isDisabled}
         >
-          <SearchIcon />
+          <LucideIconSearch data-original-icon="SearchIcon" size={16} />
         </Button>
         {multiple ? (
           <ChipHolder isDisabled={isDisabled} className="pf-c-form-control">
diff --git a/awx/ui/src/components/PaginatedTable/ToolbarAddButton.js b/awx/ui/src/components/PaginatedTable/ToolbarAddButton.js
index 7de33f03..0437f50f 100644
--- a/awx/ui/src/components/PaginatedTable/ToolbarAddButton.js
+++ b/awx/ui/src/components/PaginatedTable/ToolbarAddButton.js
@@ -2,7 +2,7 @@ import React from 'react';
 import { string, func } from 'prop-types';
 import { Link } from 'react-router-dom';
 import { Button, DropdownItem, Tooltip } from '@patternfly/react-core';
-import CaretDownIcon from '@patternfly/react-icons/dist/js/icons/caret-down-icon';
+import { LucideIconChevronDown } from '@ctrliq/quantic-react';
 import { useLingui } from '@lingui/react/macro';
 import { useKebabifiedMenu } from 'contexts/Kebabified';
 
@@ -38,7 +38,7 @@ function ToolbarAddButton({
   }
   if (linkTo) {
     return (
-      <Tooltip content={defaultLabel || t`Add`} position="top">
+      <Tooltip content={defaultLabel || t`Add`} position="top" open>
         <Button
           ouiaId={ouiaId}
           component={Link}
@@ -46,16 +46,27 @@ function ToolbarAddButton({
           isDisabled={isDisabled}
         >
           {defaultLabel || t`Add`}
-          {showToggleIndicator && <CaretDownIcon />}
+          {showToggleIndicator && (
+            <LucideIconChevronDown
+              data-original-icon="CaretDownIcon"
+              size={16}
+            />
+          )}
         </Button>
       </Tooltip>
     );
   }
   return (
-    <Tooltip content={defaultLabel || t`Add`} position="top">
+    <Tooltip
+      content={defaultLabel || t`Add`}
+      position="top"
+      exitDelay={199999999}
+    >
       <Button ouiaId={ouiaId} onClick={onClick} isDisabled={isDisabled}>
         {defaultLabel || t`Add`}
-        {showToggleIndicator && <CaretDownIcon />}
+        {showToggleIndicator && (
+          <LucideIconChevronDown data-original-icon="CaretDownIcon" size={16} />
+        )}
       </Button>
     </Tooltip>
   );
diff --git a/awx/ui/src/components/Popover/Popover.js b/awx/ui/src/components/Popover/Popover.js
index 4ed98142..4449db81 100644
--- a/awx/ui/src/components/Popover/Popover.js
+++ b/awx/ui/src/components/Popover/Popover.js
@@ -2,7 +2,7 @@ import React from 'react';
 import { node, string } from 'prop-types';
 import { useLingui } from '@lingui/react/macro';
 import { Popover as PFPopover } from '@patternfly/react-core';
-import { HelpIcon } from '@patternfly/react-icons';
+import { LucideIconCircleHelp } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 
 const PopoverButton = styled.button`
@@ -35,7 +35,7 @@ function Popover({ ariaLabel, content, header, id, maxWidth, ...rest }) {
         onClick={(e) => e.preventDefault()}
         type="button"
       >
-        <HelpIcon noVerticalAlign />
+        <LucideIconCircleHelp data-original-icon="HelpIcon" size={16} />
       </PopoverButton>
     </PFPopover>
   );
diff --git a/awx/ui/src/components/Schedule/Schedule.js b/awx/ui/src/components/Schedule/Schedule.js
index 47796b25..c85cc7a4 100644
--- a/awx/ui/src/components/Schedule/Schedule.js
+++ b/awx/ui/src/components/Schedule/Schedule.js
@@ -9,7 +9,7 @@ import {
   useLocation,
   useParams,
 } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { SchedulesAPI } from 'api';
 import useRequest from 'hooks/useRequest';
 import RoutedTabs from '../RoutedTabs';
@@ -61,7 +61,7 @@ function Schedule({
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Schedules`}
         </>
       ),
@@ -81,9 +81,7 @@ function Schedule({
         {error.response && error.response.status === 404 && (
           <span>
             {t`Schedule not found.`}{' '}
-            <Link to={`${pathRoot}schedules`}>
-              {t`View Schedules`}
-            </Link>
+            <Link to={`${pathRoot}schedules`}>{t`View Schedules`}</Link>
           </span>
         )}
       </ContentError>
diff --git a/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js b/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js
index bba9d6cd..245bbc57 100644
--- a/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js
+++ b/awx/ui/src/components/Schedule/ScheduleList/ScheduleListItem.js
@@ -7,19 +7,15 @@ import { useLingui } from '@lingui/react/macro';
 import { Link } from 'react-router-dom';
 import { Button, Tooltip } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
-import {
-  PencilAltIcon,
-  ExclamationTriangleIcon as PFExclamationTriangleIcon,
-} from '@patternfly/react-icons';
 import styled from 'styled-components';
 import { Schedule } from 'types';
 import { formatDateString } from 'util/dates';
 import { DetailList, Detail } from '../../DetailList';
 import { ActionsTd, ActionItem, TdBreakWord } from '../../PaginatedTable';
 import { ScheduleToggle } from '..';
-import { LucideIconPencil } from '@ctrliq/quantic-react';
+import { LucideIconPencil, LucideIconTriangleAlert } from '@ctrliq/quantic-react';
 
-const ExclamationTriangleIcon = styled(PFExclamationTriangleIcon)`
+const ExclamationTriangleIcon = styled(LucideIconTriangleAlert)`
   color: #c9190b;
   margin-left: 20px;
 `;
@@ -98,7 +94,7 @@ function ScheduleListItem({
               )}
               position="right"
             >
-              <ExclamationTriangleIcon />
+              <ExclamationTriangleIcon data-original-icon="ExclamationTriangleIcon" />
             </Tooltip>
           </span>
         )}
@@ -142,7 +138,7 @@ function ScheduleListItem({
             component={Link}
             to={`${scheduleBaseUrl}/edit`}
           >
-            <LucideIconPencil size="xs" />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="xs" />
           </Button>
         </ActionItem>
       </ActionsTd>
diff --git a/awx/ui/src/components/ScreenHeader/ScreenHeader.js b/awx/ui/src/components/ScreenHeader/ScreenHeader.js
index d99b6be8..c820acad 100644
--- a/awx/ui/src/components/ScreenHeader/ScreenHeader.js
+++ b/awx/ui/src/components/ScreenHeader/ScreenHeader.js
@@ -12,7 +12,6 @@ import {
   Title,
   Tooltip,
 } from '@patternfly/react-core';
-import { HistoryIcon } from '@patternfly/react-icons';
 import { Link, Route, useRouteMatch, useLocation } from 'react-router-dom';
 import { LucideIconHistory } from '@ctrliq/quantic-react';
 
@@ -133,7 +132,7 @@ const Crumb = ({ breadcrumbConfig, showDivider }) => {
       <Route path={`${match.url}/:path`}>
         <Crumb
           breadcrumbConfig={breadcrumbConfig}
-          showDivider={false}
+          showDivider
           data-cy={crumb}
         />
       </Route>
diff --git a/awx/ui/src/components/Search/AdvancedSearch.js b/awx/ui/src/components/Search/AdvancedSearch.js
index 79c454b4..3916061d 100644
--- a/awx/ui/src/components/Search/AdvancedSearch.js
+++ b/awx/ui/src/components/Search/AdvancedSearch.js
@@ -14,7 +14,7 @@ import {
   TextInput,
   Tooltip,
 } from '@patternfly/react-core';
-import { SearchIcon, QuestionCircleIcon } from '@patternfly/react-icons';
+import { LucideIconSearch, LucideIconCircleHelp } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 import { useLocation } from 'react-router-dom';
 import { useConfig } from 'contexts/Config';
@@ -25,10 +25,11 @@ import LookupTypeInput from './LookupTypeInput';
 
 const AdvancedGroup = styled.div`
   display: flex;
+  gap: var(--quantic-spacing-2);
 
   @media (max-width: 991px) {
     display: grid;
-    grid-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
+    grid-gap: var(--quantic-spacing-2);
   }
 
   & .pf-c-select {
@@ -211,9 +212,7 @@ function AdvancedSearch({
             type="search"
             aria-label={t`Advanced search value input`}
             isDisabled={!keySelection || isTextInputDisabled}
-            value={
-              (!keySelection && t`First, select a key`) || searchValue
-            }
+            value={(!keySelection && t`First, select a key`) || searchValue}
             onChange={setSearchValue}
             onKeyDown={handleAdvancedTextKeyDown}
           />
@@ -227,9 +226,7 @@ function AdvancedSearch({
         type="search"
         aria-label={t`Advanced search value input`}
         isDisabled={!keySelection}
-        value={
-          (!keySelection && t`First, select a key`) || searchValue
-        }
+        value={(!keySelection && t`First, select a key`) || searchValue}
         onChange={setSearchValue}
         onKeyDown={handleAdvancedTextKeyDown}
         placeholder={placeholderText}
@@ -289,10 +286,7 @@ function AdvancedSearch({
             : []),
           ...(relatedKeys.length
             ? [
-                <SelectGroup
-                  key="related keys"
-                  label={t`Related Keys`}
-                >
+                <SelectGroup key="related keys" label={t`Related Keys`}>
                   {relatedKeys.map((rKey) => (
                     <SelectOption
                       value={rKey}
@@ -319,14 +313,11 @@ function AdvancedSearch({
             aria-label={t`Search submit button`}
             onClick={handleAdvancedSearch}
           >
-            <SearchIcon />
+            <LucideIconSearch data-original-icon="SearchIcon" size={16} />
           </Button>
         </div>
       </InputGroup>
-      <Tooltip
-        content={t`Advanced search documentation`}
-        position="bottom"
-      >
+      <Tooltip content={t`Advanced search documentation`} position="bottom">
         <Button
           ouiaId="search-docs-button"
           component="a"
@@ -335,7 +326,10 @@ function AdvancedSearch({
           href={`${getDocsBaseUrl(config)}/html/userguide/search_sort.html`}
           rel="noopener noreferrer"
         >
-          <QuestionCircleIcon />
+          <LucideIconCircleHelp
+            data-original-icon="QuestionCircleIcon"
+            size={16}
+          />
         </Button>
       </Tooltip>
     </AdvancedGroup>
diff --git a/awx/ui/src/components/Search/Search.js b/awx/ui/src/components/Search/Search.js
index 6ead59c4..567b7c35 100644
--- a/awx/ui/src/components/Search/Search.js
+++ b/awx/ui/src/components/Search/Search.js
@@ -16,7 +16,7 @@ import {
   ToolbarItem,
   ToolbarFilter,
 } from '@patternfly/react-core';
-import { SearchIcon } from '@patternfly/react-icons';
+import { LucideIconSearch as SearchIcon } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 import { parseQueryString } from 'util/qs';
 import { QSConfig, SearchColumns, SearchableKeys } from 'types';
@@ -252,17 +252,17 @@ function Search({
                   onKeyDown={handleTextKeyDown}
                   isDisabled={isDisabled}
                 />
-                <div css={!searchValue && `cursor:not-allowed`}>
-                  <Button
-                    ouiaId="search-submit-button"
-                    variant={ButtonVariant.control}
-                    isDisabled={!searchValue || isDisabled}
-                    aria-label={t`Search submit button`}
-                    onClick={handleSearch}
-                  >
-                    <SearchIcon />
-                  </Button>
-                </div>
+
+                <Button
+                  ouiaId="search-submit-button"
+                  variant={ButtonVariant.control}
+                  isDisabled={!searchValue || isDisabled}
+                  aria-label={t`Search submit button`}
+                  css={!searchValue && `cursor:not-allowed`}
+                  onClick={handleSearch}
+                >
+                  <SearchIcon data-original-icon="SearchIcon" size={16} />
+                </Button>
               </InputGroup>
             )}
         </ToolbarFilter>
diff --git a/awx/ui/src/components/SelectedList/DraggableSelectedList.js b/awx/ui/src/components/SelectedList/DraggableSelectedList.js
index 65d37aac..5c5a3f62 100644
--- a/awx/ui/src/components/SelectedList/DraggableSelectedList.js
+++ b/awx/ui/src/components/SelectedList/DraggableSelectedList.js
@@ -11,7 +11,7 @@ import {
   DataListDragButton,
   DataListItemCells,
 } from '@patternfly/react-core';
-import { TimesIcon } from '@patternfly/react-icons';
+import { LucideIconX } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 import { useLingui } from '@lingui/react/macro';
 
@@ -99,10 +99,7 @@ function DraggableSelectedList({ selected, onRemove, onRowDrag }) {
                     </DataListCell>,
                   ]}
                 />
-                <RemoveActionSection
-                  aria-label={t`Actions`}
-                  id={rowPosition}
-                >
+                <RemoveActionSection aria-label={t`Actions`} id={rowPosition}>
                   <Button
                     onClick={() => removeItem(label)}
                     variant="plain"
@@ -110,7 +107,7 @@ function DraggableSelectedList({ selected, onRemove, onRowDrag }) {
                     ouiaId={`draggable-list-remove-${label}`}
                     isDisabled={isDragging}
                   >
-                    <TimesIcon />
+                    <LucideIconX data-original-icon="TimesIcon" size={16} />
                   </Button>
                 </RemoveActionSection>
               </DataListItemRow>
diff --git a/awx/ui/src/components/Sort/Sort.js b/awx/ui/src/components/Sort/Sort.js
index 3b841ff1..655c98ab 100644
--- a/awx/ui/src/components/Sort/Sort.js
+++ b/awx/ui/src/components/Sort/Sort.js
@@ -13,16 +13,11 @@ import {
   DropdownItem,
   InputGroup,
 } from '@patternfly/react-core';
-import {
-  SortAlphaDownIcon,
-  SortAlphaDownAltIcon,
-  SortNumericDownIcon,
-  SortNumericDownAltIcon,
-} from '@patternfly/react-icons';
-
 import styled from 'styled-components';
 import { parseQueryString } from 'util/qs';
 import { SortColumns, QSConfig } from 'types';
+import { LucideIconArrowDown10, LucideIconArrowDownAZ } from '@ctrliq/quantic-react';
+
 
 const NoOptionDropdown = styled.div`
   align-self: stretch;
diff --git a/awx/ui/src/components/StatusIcon/icons.js b/awx/ui/src/components/StatusIcon/icons.js
index 74b50a31..4fd46cd7 100644
--- a/awx/ui/src/components/StatusIcon/icons.js
+++ b/awx/ui/src/components/StatusIcon/icons.js
@@ -1,14 +1,14 @@
 import styled, { keyframes } from 'styled-components';
 import {
-  CheckCircleIcon,
-  ExclamationCircleIcon,
-  SyncAltIcon,
-  ExclamationTriangleIcon,
-  ClockIcon,
-  MinusCircleIcon,
-  InfoCircleIcon,
-  PlusCircleIcon,
-} from '@patternfly/react-icons';
+  LucideIconCircleAlert,
+  LucideIconCircleCheck,
+  LucideIconClock,
+  LucideIconInfo,
+  LucideIconCircleMinus,
+  LucideIconCirclePlus,
+  LucideIconRefreshCw,
+  LucideIconTriangleAlert,
+} from '@ctrliq/quantic-react';
 
 const Spin = keyframes`
   from {
@@ -19,35 +19,35 @@ const Spin = keyframes`
   }
 `;
 
-const RunningIcon = styled(SyncAltIcon)`
+const RunningIcon = styled(LucideIconRefreshCw)`
   animation: ${Spin} 1.75s linear infinite;
 `;
 RunningIcon.displayName = 'RunningIcon';
 
 const icons = {
-  approved: CheckCircleIcon,
-  denied: InfoCircleIcon,
-  success: CheckCircleIcon,
-  healthy: CheckCircleIcon,
-  successful: CheckCircleIcon,
-  ok: CheckCircleIcon,
-  failed: ExclamationCircleIcon,
-  error: ExclamationCircleIcon,
-  unreachable: ExclamationCircleIcon,
+  approved: LucideIconCircleCheck,
+  denied: LucideIconInfo,
+  success: LucideIconCircleCheck,
+  healthy: LucideIconCircleCheck,
+  successful: LucideIconCircleCheck,
+  ok: LucideIconCircleCheck,
+  failed: LucideIconCircleAlert,
+  error: LucideIconCircleAlert,
+  unreachable: LucideIconCircleAlert,
   running: RunningIcon,
-  pending: ClockIcon,
-  waiting: ClockIcon,
-  disabled: MinusCircleIcon,
-  skipped: MinusCircleIcon,
-  canceled: ExclamationTriangleIcon,
-  changed: ExclamationTriangleIcon,
+  pending: LucideIconClock,
+  waiting: LucideIconClock,
+  disabled: LucideIconCircleMinus,
+  skipped: LucideIconCircleMinus,
+  canceled: LucideIconTriangleAlert,
+  changed: LucideIconTriangleAlert,
   /* Instance statuses */
-  ready: CheckCircleIcon,
-  installed: ClockIcon,
-  provisioning: PlusCircleIcon,
-  deprovisioning: MinusCircleIcon,
-  unavailable: ExclamationCircleIcon,
-  'provision-fail': ExclamationCircleIcon,
-  'deprovision-fail': ExclamationCircleIcon,
+  ready: LucideIconCircleCheck,
+  installed: LucideIconClock,
+  provisioning: LucideIconCirclePlus,
+  deprovisioning: LucideIconCircleMinus,
+  unavailable: LucideIconCircleAlert,
+  'provision-fail': LucideIconCircleAlert,
+  'deprovision-fail': LucideIconCircleAlert,
 };
 export default icons;
diff --git a/awx/ui/src/components/StatusLabel/StatusLabel.js b/awx/ui/src/components/StatusLabel/StatusLabel.js
index 59b0883e..0db36a29 100644
--- a/awx/ui/src/components/StatusLabel/StatusLabel.js
+++ b/awx/ui/src/components/StatusLabel/StatusLabel.js
@@ -68,7 +68,11 @@ export default function StatusLabel({ status, tooltipContent = '', children }) {
   const Icon = icons[status];
 
   const renderLabel = () => (
-    <Label variant="outline" color={color} icon={Icon ? <Icon /> : null}>
+    <Label
+      variant="outline"
+      color={color}
+      icon={Icon ? <Icon size="xs" /> : null}
+    >
       {children || label}
     </Label>
   );
diff --git a/awx/ui/src/components/TemplateList/TemplateListItem.js b/awx/ui/src/components/TemplateList/TemplateListItem.js
index 186ac47b..85223a63 100644
--- a/awx/ui/src/components/TemplateList/TemplateListItem.js
+++ b/awx/ui/src/components/TemplateList/TemplateListItem.js
@@ -9,11 +9,12 @@ import { Button, Popover, Tooltip, Chip } from '@patternfly/react-core';
 import { Tr, Td, ExpandableRowContent } from '@patternfly/react-table';
 import { Trans, useLingui } from '@lingui/react/macro';
 import {
-  ExclamationTriangleIcon,
-  PencilAltIcon,
-  ProjectDiagramIcon,
-  RocketIcon,
-} from '@patternfly/react-icons';
+  LucideIconCircleAlert,
+  LucideIconTriangleAlert,
+  LucideIconPencil,
+  LucideIconNetwork,
+  LucideIconRocket,
+} from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 import { timeOfDay, formatDateString } from 'util/dates';
 import { JobTemplatesAPI, WorkflowJobTemplatesAPI } from 'api';
@@ -29,13 +30,13 @@ import { LaunchButton } from '../LaunchButton';
 import Sparkline from '../Sparkline';
 import CopyButton from '../CopyButton';
 
-const ExclamationTriangleIconWarning = styled(ExclamationTriangleIcon)`
+const StyledTriangleAlert = styled(LucideIconCircleAlert)`
   color: var(--pf-global--warning-color--100);
   margin-left: 18px;
   cursor: pointer;
 `;
 
-ExclamationTriangleIconWarning.displayName = 'ExclamationTriangleIconWarning';
+StyledTriangleAlert.displayName = 'StyledTriangleAlert';
 
 function TemplateListItem({
   isExpanded,
@@ -154,7 +155,11 @@ function TemplateListItem({
                 content={t`Resources are missing from this template.`}
                 position="right"
               >
-                <ExclamationTriangleIcon css="color: #c9190b; margin-left: 20px;" />
+                <LucideIconTriangleAlert
+                  css="color: #c9190b; margin-left: 20px;"
+                  data-original-icon="ExclamationTriangleIcon"
+                  size={16}
+                />
               </Tooltip>
             </span>
           )}
@@ -162,9 +167,7 @@ function TemplateListItem({
             <span>
               <Popover
                 className="missing-execution-environment"
-                headerContent={
-                  <div>{t`Execution Environment Missing`}</div>
-                }
+                headerContent={<div>{t`Execution Environment Missing`}</div>}
                 bodyContent={
                   <div>
                     <Trans>
@@ -183,7 +186,10 @@ function TemplateListItem({
                 }
                 position="right"
               >
-                <ExclamationTriangleIconWarning />
+                <StyledTriangleAlert
+                  data-original-icon="ExclamationTriangleIcon"
+                  size={16}
+                />
               </Popover>
             </span>
           )}
@@ -209,7 +215,10 @@ function TemplateListItem({
               component={Link}
               to={`/templates/workflow_job_template/${template.id}/visualizer`}
             >
-              <ProjectDiagramIcon />
+              <LucideIconNetwork
+                data-original-icon="ProjectDiagramIcon"
+                size={16}
+              />
             </Button>
           </ActionItem>
           <ActionItem
@@ -226,7 +235,7 @@ function TemplateListItem({
                   variant="plain"
                   onClick={handleLaunch}
                 >
-                  <RocketIcon />
+                  <LucideIconRocket data-original-icon="RocketIcon" size={16} />
                 </Button>
               )}
             </LaunchButton>
@@ -244,7 +253,7 @@ function TemplateListItem({
               component={Link}
               to={`/templates/${template.type}/${template.id}/edit`}
             >
-              <PencilAltIcon />
+              <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
             </Button>
           </ActionItem>
           <ActionItem
diff --git a/awx/ui/src/components/Workflow/WorkflowLegend.js b/awx/ui/src/components/Workflow/WorkflowLegend.js
index 49e60eba..a804944b 100644
--- a/awx/ui/src/components/Workflow/WorkflowLegend.js
+++ b/awx/ui/src/components/Workflow/WorkflowLegend.js
@@ -3,10 +3,10 @@ import React, { useContext } from 'react';
 import { useLingui } from '@lingui/react/macro';
 import styled from 'styled-components';
 import {
-  ExclamationTriangleIcon,
-  PauseIcon,
-  TimesIcon,
-} from '@patternfly/react-icons';
+  LucideIconCircleAlert,
+  LucideIconPause,
+  LucideIconX,
+} from '@ctrliq/quantic-react';
 import { WorkflowDispatchContext } from 'contexts/Workflow';
 
 const Wrapper = styled.div`
@@ -45,7 +45,7 @@ const NodeTypeLetter = styled.div`
   width: 20px;
 `;
 
-const StyledExclamationTriangleIcon = styled(ExclamationTriangleIcon)`
+const StyledTriangleAlert = styled(LucideIconCircleAlert)`
   color: #f0ad4d;
   height: 20px;
   margin-right: 10px;
@@ -70,7 +70,7 @@ const AlwaysLink = styled(Link)`
   background-color: #337ab7;
 `;
 
-const Close = styled(TimesIcon)`
+const Close = styled(LucideIconX)`
   cursor: pointer;
   position: absolute;
   right: 10px;
@@ -84,7 +84,10 @@ function WorkflowLegend() {
     <Wrapper>
       <Header>
         <b>{t`Legend`}</b>
-        <Close onClick={() => dispatch({ type: 'TOGGLE_LEGEND' })} />
+        <Close
+          onClick={() => dispatch({ type: 'TOGGLE_LEGEND' })}
+          data-original-icon="TimesIcon"
+        />
       </Header>
       <Legend>
         <li>
@@ -109,12 +112,12 @@ function WorkflowLegend() {
         </li>
         <li>
           <NodeTypeLetter>
-            <PauseIcon />
+            <LucideIconPause data-original-icon="PauseIcon" size={14} />
           </NodeTypeLetter>
           <span>{t`Approval`}</span>
         </li>
         <li>
-          <StyledExclamationTriangleIcon />
+          <StyledTriangleAlert data-original-icon="ExclamationTriangleIcon" />
           <span>{t`Warning`}</span>
         </li>
         <li>
diff --git a/awx/ui/src/components/Workflow/WorkflowNodeHelp.js b/awx/ui/src/components/Workflow/WorkflowNodeHelp.js
index bec6c30c..1366643f 100644
--- a/awx/ui/src/components/Workflow/WorkflowNodeHelp.js
+++ b/awx/ui/src/components/Workflow/WorkflowNodeHelp.js
@@ -2,10 +2,11 @@ import 'styled-components/macro';
 import React from 'react';
 import { Trans, useLingui } from '@lingui/react/macro';
 import styled from 'styled-components';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons';
 import { shape } from 'prop-types';
 import { secondsToHHMMSS } from 'util/dates';
 import { stringIsUUID } from 'util/strings';
+import { LucideIconTriangleAlert } from '@ctrliq/quantic-react';
+
 
 const GridDL = styled.dl`
   column-gap: 15px;
@@ -24,7 +25,7 @@ const ResourceDeleted = styled.p`
   margin-bottom: ${(props) => (props.job ? '10px' : '0px')};
 `;
 
-const StyledExclamationTriangleIcon = styled(ExclamationTriangleIcon)`
+const StyledExclamationTriangleIcon = styled(LucideIconTriangleAlert)`
   color: #f0ad4d;
   height: 20px;
   margin-right: 10px;
diff --git a/awx/ui/src/components/Workflow/WorkflowNodeTypeLetter.js b/awx/ui/src/components/Workflow/WorkflowNodeTypeLetter.js
index b6a880e7..f3880be2 100644
--- a/awx/ui/src/components/Workflow/WorkflowNodeTypeLetter.js
+++ b/awx/ui/src/components/Workflow/WorkflowNodeTypeLetter.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import styled from 'styled-components';
 import { shape } from 'prop-types';
-import { PauseIcon } from '@patternfly/react-icons';
+import { LucideIconPause } from '@ctrliq/quantic-react';
 
 const NodeTypeLetter = styled.div`
   background-color: #393f43;
@@ -14,7 +14,7 @@ const NodeTypeLetter = styled.div`
   width: 20px;
 `;
 
-const CenteredPauseIcon = styled(PauseIcon)`
+const CenteredPauseIcon = styled(LucideIconPause)`
   vertical-align: middle !important;
 `;
 
@@ -63,7 +63,7 @@ function WorkflowNodeTypeLetter({ node }) {
         break;
       case 'workflow_approval_template':
       case 'workflow_approval':
-        nodeTypeLetter = <CenteredPauseIcon />;
+        nodeTypeLetter = <CenteredPauseIcon size="xs" data-original-icon="PauseIcon" />;
         break;
       default:
         nodeTypeLetter = '';
diff --git a/awx/ui/src/components/Workflow/WorkflowStartNode.js b/awx/ui/src/components/Workflow/WorkflowStartNode.js
index 2b8c4b98..289527cc 100644
--- a/awx/ui/src/components/Workflow/WorkflowStartNode.js
+++ b/awx/ui/src/components/Workflow/WorkflowStartNode.js
@@ -2,7 +2,7 @@ import React, { useContext, useRef, useState } from 'react';
 import styled from 'styled-components';
 import { useLingui } from '@lingui/react/macro';
 import { bool, func } from 'prop-types';
-import { PlusIcon } from '@patternfly/react-icons';
+import { LucideIconPlus } from '@ctrliq/quantic-react';
 import {
   WorkflowDispatchContext,
   WorkflowStateContext,
@@ -74,7 +74,7 @@ function WorkflowStartNode({ onUpdateHelpText, showActionTooltip }) {
                 dispatch({ type: 'START_ADD_NODE', sourceNodeId: 1 });
               }}
             >
-              <PlusIcon />
+              <LucideIconPlus data-original-icon="PlusIcon" size={16} />
             </WorkflowActionTooltipItem>,
           ]}
           pointX={startNodeRef.current.offsetWidth}
diff --git a/awx/ui/src/components/Workflow/WorkflowTools.js b/awx/ui/src/components/Workflow/WorkflowTools.js
index 2b466a08..fa398290 100644
--- a/awx/ui/src/components/Workflow/WorkflowTools.js
+++ b/awx/ui/src/components/Workflow/WorkflowTools.js
@@ -5,16 +5,16 @@ import styled from 'styled-components';
 import { func, number } from 'prop-types';
 import { Button, Tooltip } from '@patternfly/react-core';
 import {
-  CaretDownIcon,
-  CaretLeftIcon,
-  CaretRightIcon,
-  CaretUpIcon,
-  DesktopIcon,
-  HomeIcon,
-  MinusIcon,
-  PlusIcon,
-  TimesIcon,
-} from '@patternfly/react-icons';
+  LucideIconChevronDown,
+  LucideIconChevronLeft,
+  LucideIconChevronRight,
+  LucideIconChevronUp,
+  LucideIconMonitor,
+  LucideIconHouse,
+  LucideIconMinus,
+  LucideIconPlus,
+  LucideIconX,
+} from '@ctrliq/quantic-react';
 import { WorkflowDispatchContext } from 'contexts/Workflow';
 
 const Wrapper = styled.div`
@@ -45,7 +45,7 @@ const Tools = styled.div`
   padding: 20px;
 `;
 
-const Close = styled(TimesIcon)`
+const Close = styled(LucideIconX)`
   cursor: pointer;
   position: absolute;
   right: 10px;
@@ -81,7 +81,10 @@ function WorkflowTools({
     <Wrapper>
       <Header>
         <b>{t`Tools`}</b>
-        <Close onClick={() => dispatch({ type: 'TOGGLE_TOOLS' })} />
+        <Close
+          onClick={() => dispatch({ type: 'TOGGLE_TOOLS' })}
+          data-original-icon="TimesIcon"
+        />
       </Header>
       <Tools>
         <Tooltip
@@ -94,7 +97,7 @@ function WorkflowTools({
             css="margin-right: 30px;"
             onClick={() => onFitGraph()}
           >
-            <DesktopIcon />
+            <LucideIconMonitor data-original-icon="DesktopIcon" size={16} />
           </Button>
         </Tooltip>
         <Tooltip content={t`Zoom Out`} position="bottom">
@@ -104,7 +107,7 @@ function WorkflowTools({
             css="margin-right: 10px;"
             onClick={() => zoomOut()}
           >
-            <MinusIcon />
+            <LucideIconMinus data-original-icon="MinusIcon" size={16} />
           </Button>
         </Tooltip>
         <input
@@ -125,7 +128,7 @@ function WorkflowTools({
             css="margin: 0px 25px 0px 10px;"
             onClick={() => zoomIn()}
           >
-            <PlusIcon />
+            <LucideIconPlus data-original-icon="PlusIcon" size={16} />
           </Button>
         </Tooltip>
         <Pan>
@@ -136,7 +139,10 @@ function WorkflowTools({
               css="margin-right: 10px;"
               onClick={() => onPan('left')}
             >
-              <CaretLeftIcon />
+              <LucideIconChevronLeft
+                data-original-icon="CaretLeftIcon"
+                size={16}
+              />
             </Button>
           </Tooltip>
           <PanCenter>
@@ -147,7 +153,10 @@ function WorkflowTools({
                 css="margin-bottom: 10px;"
                 onClick={() => onPan('up')}
               >
-                <CaretUpIcon />
+                <LucideIconChevronUp
+                  data-original-icon="CaretUpIcon"
+                  size={16}
+                />
               </Button>
             </Tooltip>
             <Tooltip
@@ -159,7 +168,7 @@ function WorkflowTools({
                 variant="tertiary"
                 onClick={() => onPanToMiddle()}
               >
-                <HomeIcon />
+                <LucideIconHouse data-original-icon="HomeIcon" size={16} />
               </Button>
             </Tooltip>
             <Tooltip content={t`Pan Down`} position="bottom">
@@ -169,7 +178,10 @@ function WorkflowTools({
                 css="margin-top: 10px;"
                 onClick={() => onPan('down')}
               >
-                <CaretDownIcon />
+                <LucideIconChevronDown
+                  data-original-icon="CaretDownIcon"
+                  size={16}
+                />
               </Button>
             </Tooltip>
           </PanCenter>
@@ -180,7 +192,10 @@ function WorkflowTools({
               css="margin-left: 10px;"
               onClick={() => onPan('right')}
             >
-              <CaretRightIcon />
+              <LucideIconChevronRight
+                data-original-icon="CaretRightIcon"
+                size={16}
+              />
             </Button>
           </Tooltip>
         </Pan>
diff --git a/awx/ui/src/patternfly-overrides.css b/awx/ui/src/patternfly-overrides.css
index bfb8ea31..6f7cb6eb 100644
--- a/awx/ui/src/patternfly-overrides.css
+++ b/awx/ui/src/patternfly-overrides.css
@@ -63,14 +63,14 @@
   --pf-global--info-color--200: var(--quantic-utility-blue-600);
   
   /* === Spacing === */
-  --pf-global--spacer--xs: var(--quantic-spacing-xs);
-  --pf-global--spacer--sm: var(--quantic-spacing-sm);
-  --pf-global--spacer--md: var(--quantic-spacing-md);
-  --pf-global--spacer--lg: var(--quantic-spacing-lg);
-  --pf-global--spacer--xl: var(--quantic-spacing-xl);
-  --pf-global--spacer--2xl: var(--quantic-spacing-2xl);
-  --pf-global--spacer--3xl: var(--quantic-spacing-3xl);
-  --pf-global--spacer--4xl: var(--quantic-spacing-4xl);
+  --pf-global--spacer--xs: var(--quantic-spacing-sm);
+  --pf-global--spacer--sm: var(--quantic-spacing-md);
+  --pf-global--spacer--md: var(--quantic-spacing-lg);
+  --pf-global--spacer--lg: var(--quantic-spacing-xl);
+  --pf-global--spacer--xl: var(--quantic-spacing-2xl);
+  --pf-global--spacer--2xl: var(--quantic-spacing-3xl);
+  --pf-global--spacer--3xl: var(--quantic-spacing-4xl);
+  --pf-global--spacer--4xl: var(--quantic-spacing-5xl);
   
   /* Gutter spacing */
   --pf-global--gutter: var(--quantic-spacing-4);
@@ -101,7 +101,7 @@
 }
 
 :root {
-  color: var(--quantic-text-primary);
+  color: var(--quantic-text-secondary);
   background-color: var(--quantic-bg-primary);
   font-family: var(--quantic-font-family-body);
 }
@@ -113,12 +113,12 @@
 :root .pf-c-page {
   --pf-c-page--BackgroundColor: inherit;
   --pf-c-page__main-section--BackgroundColor: inherit;
-  --pf-c-page__main-section--PaddingTop: var(--quantic-spacing-lg);
+  --pf-c-page__main-section--PaddingTop: var(--quantic-spacing-xl);
   --pf-c-page__main-section--PaddingBottom: var(--quantic-spacing-lg);
-  --pf-c-page__main-section--xl--PaddingTop: var(--quantic-spacing-lg);
+  --pf-c-page__main-section--xl--PaddingTop: var(--quantic-spacing-xl);
   --pf-c-page__main-section--xl--PaddingBottom: var(--quantic-spacing-lg);
-  --pf-c-page__main-section--PaddingRight: var(--quantic-spacing-2xl);
-  --pf-c-page__main-section--PaddingLeft: var(--quantic-spacing-2xl);
+  --pf-c-page__main-section--PaddingRight: var(--quantic-spacing-3xl);
+  --pf-c-page__main-section--PaddingLeft: var(--quantic-spacing-3xl);
   --pf-c-page__main-section--xl--PaddingRight: var(--quantic-spacing-2xl);
   --pf-c-page__main-section--xl--PaddingLeft: var(--quantic-spacing-2xl);
 
@@ -135,6 +135,10 @@
   border-bottom: 1px solid var(--quantic-border-secondary);
 }
 
+:root .pf-c-breadcrumb__item-divider {
+  color: var(--quantic-bg-tertiary);
+}
+
 :root .pf-c-page__sidebar.pf-m-expanded {
   box-shadow: none;
   border-right: 1px solid var(--quantic-border-secondary);
@@ -178,11 +182,40 @@
   --pf-c-page__main-section--BackgroundColor: inherit;
 }
 
+:root .pf-c-toolbar__group {
+  gap: var(--quantic-spacing-2);
+  margin-right: 0;
+}
+
+:root .pf-c-toolbar__content-section {
+  gap: var(--quantic-spacing-2);
+}
+
+:root .pf-c-toolbar__item {
+  margin-right: 0;
+}
+
+:root .pf-c-tab-content {
+  padding-top: var(--quantic-spacing-6);
+  padding-bottom: var(--quantic-spacing-6);
+}
+
+:root .pf-c-tabs__item-text {
+  display: flex;
+  align-items: center;
+}
+
 :root .pf-c-table {
+  --pf-c-table__sort__button__text--Color: var(--quantic-text-tertiary);
+
   color: var(--quantic-text-tertiary);
   background-color: var(--quantic-bg-primary);
 }
 
+
+:root .pf-c-table thead {
+  --pf-c-table--cell--FontWeight: var(--quantic-font-weight-medium);
+}
 :root .pf-c-table tr > * {
   color: inherit;
 }
@@ -197,6 +230,26 @@
   --pf-global--BackgroundColor--100: inherit;
 }
 
+:root .pf-c-empty-state {
+  --pf-c-empty-state--PaddingTop: var(--quantic-spacing-16);
+  --pf-c-empty-state__body--Color: var(--quantic-text-tertiary);
+}
+
+:root .pf-c-title {
+  color: var(--quantic-text-primary);
+  --pf-c-title--m-2xl--FontWeight: var(--quantic-font-weight-semibold);
+  --pf-c-title--m-xl--FontWeight: var(--quantic-font-weight-semibold);
+  --pf-c-title--m-lg--FontWeight: var(--quantic-font-weight-semibold);
+}
+
+.pf-c-title.pf-m-2xl {
+  margin-top: var(--quantic-spacing-6);
+}
+
+:root .pf-c-card {
+  --pf-c-card--first-child--PaddingTop: var(--quantic-spacing-8);
+}
+
 :root .pf-c-card__title {
   --pf-c-card__title--FontSize: var(--quantic-font-size-body-lg);
   margin-bottom: var(--quantic-spacing-1);
@@ -210,6 +263,7 @@
   --pf-c-data-list__item--m-hover--BackgroundColor: var(--quantic-bg-tertiary);
 }
 
+
 :root .pf-c-dropdown {
   --pf-c-dropdown__menu--BackgroundColor: var(--quantic-bg-primary);
   --pf-c-dropdown__menu-item--Color: var(--quantic-text-primary);
@@ -236,9 +290,12 @@
   --pf-c-select__toggle--Color: var(--quantic-text-primary);
   --pf-c-select__toggle--PaddingRight: var(--quantic-spacing-4);
   --pf-c-select__toggle--PaddingLeft: var(--quantic-spacing-4);
-  --pf-c-select__toggle--FontSize: var(--quantic-font-size-body-md);
-
+  --pf-c-select__toggle--FontSize: var(--quantic-font-size-body-sm);
+  --pf-c-select__toggle--disabled--BackgroundColor: var(--quantic-bg-disabled);
+  --pf-c-select__toggle-arrow--Color: var(--quantic-text-tertiary);
+  
   --pf-c-select__menu--BackgroundColor: var(--quantic-bg-primary);
+  --pf-c-select__menu-item--focus--BackgroundColor: var(--quantic-bg-tertiary);
   --pf-c-select__menu-item--hover--BackgroundColor: var(--quantic-bg-tertiary);
   --pf-c-select__menu-item--Color: var(--quantic-text-primary);
   --pf-c-select__menu-item--PaddingTop: var(--quantic-spacing-2);
@@ -289,6 +346,8 @@
 
   --pf-c-options-menu__menu-item-icon--Color: var(--quantic-text-tertiary);
   --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--quantic-bg-tertiary);
+
+  --pf-c-options-menu__toggle--Color: var(--quantic-text-secondary);
 }
 
 :root .pf-c-options-menu__menu {
@@ -308,15 +367,40 @@
   --pf-c-tooltip_content--PaddingBottom: inherit;
   --pf-c-tooltip_content--PaddingLeft: inherit;
   --pf-c-tooltip_content--Color: inherit;
-  --pf-c-tooltip_content--BackgroundColor: var(--quantic-bg-secondary);
+  --pf-c-tooltip__content--BackgroundColor: var(--quantic-bg-tertiary);
+  --pf-c-tooltip__content--PaddingTop: var(--quantic-spacing-1);
+  --pf-c-tooltip__content--PaddingRight: var(--quantic-spacing-3);
+  --pf-c-tooltip__content--PaddingBottom: var(--quantic-spacing-1);
+  --pf-c-tooltip__content--PaddingLeft: var(--quantic-spacing-3);
   --pf-c-tooltip_content--FontSize: inherit;
   --pf-c-tooltip_arrow--Width: inherit;
   --pf-c-tooltip_arrow--Height: inherit;
   --pf-c-tooltip_arrow--m-top--TranslateX: inherit;
 }
 
+:root .pf-c-tooltip__content {
+  border-radius: var(--quantic-radius-xs);
+}
+
+:root .pf-c-popover {
+  --pf-c-popover__content--BackgroundColor: var(--quantic-bg-tertiary);
+  --pf-c-popover__arrow--BackgroundColor: var(--quantic-bg-tertiary);
+}
+
+:root .pf-c-popover__content {
+  border-radius: var(--quantic-radius-sm);
+  --pf-c-popover__content--PaddingRight: var(--quantic-spacing-5);
+  --pf-c-popover__content--PaddingLeft: var(--quantic-spacing-5);
+  --pf-c-popover__content--PaddingTop: var(--quantic-spacing-4);
+  --pf-c-popover__content--PaddingBottom: var(--quantic-spacing-5);
+}
+
+:root .pf-c-popover.pf-m-top {
+  --pf-c-popover__arrow--m-top--TranslateY: var(--quantic-spacing-1 );
+}
 :root .pf-c-form-control {
   --pf-c-form-control--BackgroundColor: var(--quantic-bg-primary);
+  --pf-c-form-control--disabled--BackgroundColor: var(--quantic-bg-disabled);
   --pf-c-form-control--BorderColor: var(--quantic-border-primary);
   --pf-c-form-control--Color: var(--quantic-text-primary);
   --pf-c-form-control--PlaceholderColor: var(--quantic-text-disabled);
@@ -339,12 +423,22 @@
   border-radius: var(--quantic-radius-sm);
   outline: 2px solid transparent;
   outline-offset: 2px;
+  
+}
+:root .pf-c-form-control:not(.ace_editor) {
   transition: all 0.15s ease-in-out;
 }
 
 :root .pf-c-button.pf-m-control {
   --pf-c-button--disabled--BackgroundColor: var(--quantic-bg-disabled);
-  --pf-c-button--BorderRadius: var(--quantic-radius-xs);
+  --pf-c-button--BorderRadius: var(--quantic-radius-sm);
+  --pf-c-button--m-control--BackgroundColor: var(--quantic-bg-brand-primary);
+}
+
+:root .pf-c-button.pf-m-plain,
+:root .pf-c-button.pf-m-plain:hover {
+  --pf-c-button--m-plain--Color: var(--quantic-text-secondary);
+  --pf-c-button--m-plain--disabled--Color: var(--quantic-text-tertiary);
 }
 
 :root .pf-c-button {
@@ -375,16 +469,66 @@
   --pf-c-form-control--BorderBottomColor: var(--quantic-border-primary);
 }
 
+:root .pf-c-check {
+  --pf-c-check__label--Color: var(--quantic-text-primary);
+}
+
 :root .pf-c-input-group {
   --pf-c-input-group--BackgroundColor: var(--quantic-bg-primary);
   border-radius: var(--quantic-radius-sm);
+  gap: var(--quantic-spacing-2);
+}
+
+:root .pf-c-progress {
+  --pf-c-progress__bar--BackgroundColor: var(--quantic-bg-tertiary);
 }
 
+:root .pf-c-progress__bar,
+:root .pf-c-progress__bar::before,
+:root .pf-c-progress__indicator {
+  border-radius: var(--quantic-radius-xs);
+}
+
+:root .pf-c-chip-group {
+  color: var(--quantic-text-primary);
+}
+
+:root .pf-c-chip {
+  --pf-c-chip--BackgroundColor: var(--quantic-bg-tertiary);
+  --pf-c-chip--Color: var(--quantic-text-primary);
+  --pf-c-chip__text--Color: var(--quantic-text-primary);
+  --pf-c-chip--BorderColor: var(--quantic-border-secondary);
+  --pf-c-chip--m-read--BackgroundColor: var(--quantic-bg-secondary);
+  --pf-c-chip--m-read--Color: var(--quantic-text-secondary);
+  --pf-c-chip--m-read--BorderColor: var(--quantic-border-secondary);
+  --pf-c-chip--m-read--close-button--Color: var(--quantic-text-tertiary);
+  --pf-c-chip--m-read--close-button--hover--Color: var(--quantic-text-primary);
+}
 
 .pf-c-nav__link {
   border-radius: var(--quantic-radius-sm);
 }
 
+.pf-c-nav__toggle-icon {
+  color: var(--quantic-text-tertiary);
+  opacity: .6;
+}
+
+:root .pf-c-pagination.pf-m-bottom {
+  justify-content: space-between;
+}
+
+:root .pf-c-slider {
+  --pf-c-slider__thumb--Height: var(--quantic-spacing-3);
+  --pf-c-slider__thumb--Width: var(--quantic-spacing-3);
+  --pf-c-slider__steps--FontSize: var(--quantic-font-size-body-xs);
+  --pf-c-slider__thumb--BoxShadow: none;
+  /* --pf-c-slider__rail-track--before--base--BackgroundColor: #12a66f; */
+  --pf-c-slider__rail-track--before--fill--BackgroundColor: #12a66f; 
+  /* --pf-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: transparent; */
+  /* */
+}
+
 .pf-c-nav__link:focus {
   background-color: transparent;
 }
@@ -403,4 +547,18 @@
 
 .pf-c-nav__link.pf-m-current::after {
   border-color: rgba(51, 170, 51, .3);
+}
+
+.ace-monokai .ace_gutter {
+  background: var(--quantic-bg-secondary);
+  color: var(--quantic-text-tertiary);
+}
+
+.ace-monokai .ace_marker-layer .ace_active-line {
+  background: var(--quantic-bg-primary-alt);
+  color: var(--quantic-text-secondary);
+}
+
+.ace-monokai .ace_gutter-active-line {
+  background-color: var(--quantic-bg-tertiary);
 }
\ No newline at end of file
diff --git a/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js b/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js
index d6fa700a..1f800c9b 100644
--- a/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js
+++ b/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { useLingui } from '@lingui/react/macro';
 import { Button, Modal } from '@patternfly/react-core';
-import { SearchPlusIcon } from '@patternfly/react-icons';
+import { LucideIconZoomIn } from '@ctrliq/quantic-react';
 
 import { formatDateString } from 'util/dates';
 
@@ -27,7 +27,7 @@ function ActivityStreamDetailButton({ streamItem, user, description }) {
         component="button"
         onClick={() => setIsOpen(true)}
       >
-        <SearchPlusIcon />
+        <LucideIconZoomIn size="xs" data-original-icon="SearchPlusIcon" />
       </Button>
       <Modal
         variant="large"
diff --git a/awx/ui/src/screens/Application/Application/Application.js b/awx/ui/src/screens/Application/Application/Application.js
index a4ce2e57..31341b99 100644
--- a/awx/ui/src/screens/Application/Application/Application.js
+++ b/awx/ui/src/screens/Application/Application/Application.js
@@ -9,7 +9,7 @@ import {
 } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 
 import useRequest from 'hooks/useRequest';
@@ -69,7 +69,7 @@ function Application({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to applications`}
         </>
       ),
@@ -94,9 +94,7 @@ function Application({ setBreadcrumb }) {
             {error.response?.status === 404 && (
               <span>
                 {t`Application not found.`}{' '}
-                <Link to="/applications">
-                  {t`View all applications.`}
-                </Link>
+                <Link to="/applications">{t`View all applications.`}</Link>
               </span>
             )}
           </ContentError>
diff --git a/awx/ui/src/screens/Application/ApplicationsList/ApplicationListItem.js b/awx/ui/src/screens/Application/ApplicationsList/ApplicationListItem.js
index 57ea81b6..54cd0904 100644
--- a/awx/ui/src/screens/Application/ApplicationsList/ApplicationListItem.js
+++ b/awx/ui/src/screens/Application/ApplicationsList/ApplicationListItem.js
@@ -4,7 +4,7 @@ import { Button } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
 import { useLingui } from '@lingui/react/macro';
 import { Link } from 'react-router-dom';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 import { ActionsTd, ActionItem, TdBreakWord } from 'components/PaginatedTable';
 import { formatDateString } from 'util/dates';
 import { Application } from 'types';
@@ -58,7 +58,7 @@ function ApplicationListItem({
             component={Link}
             to={`/applications/${application.id}/edit`}
           >
-            <PencilAltIcon />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
           </Button>
         </ActionItem>
       </ActionsTd>
diff --git a/awx/ui/src/screens/Credential/Credential.js b/awx/ui/src/screens/Credential/Credential.js
index ec9cf3ed..534c5568 100644
--- a/awx/ui/src/screens/Credential/Credential.js
+++ b/awx/ui/src/screens/Credential/Credential.js
@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect } from 'react';
 import { useLingui } from '@lingui/react/macro';
 
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 import {
   Switch,
@@ -77,7 +77,7 @@ function Credential({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Credentials`}
         </>
       ),
@@ -116,9 +116,7 @@ function Credential({ setBreadcrumb }) {
             {contentError.response && contentError.response.status === 404 && (
               <span>
                 {t`Credential not found.`}{' '}
-                <Link to="/credentials">
-                  {t`View all Credentials.`}
-                </Link>
+                <Link to="/credentials">{t`View all Credentials.`}</Link>
               </span>
             )}
           </ContentError>
diff --git a/awx/ui/src/screens/Credential/CredentialList/CredentialListItem.js b/awx/ui/src/screens/Credential/CredentialList/CredentialListItem.js
index aedf097b..702c4631 100644
--- a/awx/ui/src/screens/Credential/CredentialList/CredentialListItem.js
+++ b/awx/ui/src/screens/Credential/CredentialList/CredentialListItem.js
@@ -5,7 +5,7 @@ import { useLingui } from '@lingui/react/macro';
 import { Link } from 'react-router-dom';
 import { Button } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 import { ActionsTd, ActionItem, TdBreakWord } from 'components/PaginatedTable';
 import { timeOfDay } from 'util/dates';
 
@@ -74,7 +74,7 @@ function CredentialListItem({
             component={Link}
             to={`/credentials/${credential.id}/edit`}
           >
-            <PencilAltIcon />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
           </Button>
         </ActionItem>
         <ActionItem
diff --git a/awx/ui/src/screens/Credential/shared/CredentialForm.js b/awx/ui/src/screens/Credential/shared/CredentialForm.js
index c3737c1c..990f8137 100644
--- a/awx/ui/src/screens/Credential/shared/CredentialForm.js
+++ b/awx/ui/src/screens/Credential/shared/CredentialForm.js
@@ -183,9 +183,7 @@ function CredentialFormFields({ initialTypeId, credentialTypes }) {
         isDisabled={initialValues.isOrgLookupDisabled}
         validate={
           isGalaxyCredential
-            ? required(
-                t`Galaxy credentials must be owned by an Organization.`
-              )
+            ? required(t`Galaxy credentials must be owned by an Organization.`)
             : undefined
         }
       />
@@ -344,7 +342,7 @@ function CredentialForm({
                     ouiaId="credential-form-cancel-button"
                     id="credential-form-cancel-button"
                     aria-label={t`Cancel`}
-                    variant="link"
+                    variant="secondary"
                     type="button"
                     onClick={onCancel}
                   >
diff --git a/awx/ui/src/screens/Credential/shared/CredentialFormFields/CredentialField.js b/awx/ui/src/screens/Credential/shared/CredentialFormFields/CredentialField.js
index e72eabf8..b13e053b 100644
--- a/awx/ui/src/screens/Credential/shared/CredentialFormFields/CredentialField.js
+++ b/awx/ui/src/screens/Credential/shared/CredentialFormFields/CredentialField.js
@@ -14,7 +14,7 @@ import {
   TextInput,
   Tooltip,
 } from '@patternfly/react-core';
-import { PficonHistoryIcon } from '@patternfly/react-icons';
+import { LucideIconHistory as PficonHistoryIcon } from '@ctrliq/quantic-react';
 import { PasswordInput } from 'components/FormField';
 import AnsibleSelect from 'components/AnsibleSelect';
 import Popover from 'components/Popover';
@@ -71,7 +71,7 @@ function CredentialInput({
                 }
               }}
             >
-              <PficonHistoryIcon />
+              <PficonHistoryIcon size={16} data-original-icon="PficonHistoryIcon" />
             </Button>
           </Tooltip>
         )}
diff --git a/awx/ui/src/screens/Credential/shared/CredentialPlugins/CredentialPluginField.js b/awx/ui/src/screens/Credential/shared/CredentialPlugins/CredentialPluginField.js
index fb74cd9c..837680d8 100644
--- a/awx/ui/src/screens/Credential/shared/CredentialPlugins/CredentialPluginField.js
+++ b/awx/ui/src/screens/Credential/shared/CredentialPlugins/CredentialPluginField.js
@@ -11,7 +11,7 @@ import {
   InputGroup,
   Tooltip,
 } from '@patternfly/react-core';
-import { KeyIcon } from '@patternfly/react-icons';
+import { LucideIconKey as KeyIcon } from '@ctrliq/quantic-react';
 import styles from '@patternfly/react-styles/css/components/Form/form';
 import { css } from '@patternfly/react-styles';
 import FieldWithPrompt from 'components/FieldWithPrompt';
@@ -72,7 +72,7 @@ function CredentialPluginInput(props) {
               onClick={() => setShowPluginWizard(true)}
               isDisabled={isDisabled || disableFieldAndButtons}
             >
-              <KeyIcon />
+              <KeyIcon size={16} data-original-icon="KeyIcon" />
             </Button>
           </Tooltip>
         </InputGroup>
diff --git a/awx/ui/src/screens/Credential/shared/CredentialPlugins/CredentialPluginSelected.js b/awx/ui/src/screens/Credential/shared/CredentialPlugins/CredentialPluginSelected.js
index 2b739651..976e0bb1 100644
--- a/awx/ui/src/screens/Credential/shared/CredentialPlugins/CredentialPluginSelected.js
+++ b/awx/ui/src/screens/Credential/shared/CredentialPlugins/CredentialPluginSelected.js
@@ -3,7 +3,7 @@ import { func } from 'prop-types';
 import { Trans, useLingui } from '@lingui/react/macro';
 import styled from 'styled-components';
 import { Button, ButtonVariant, Tooltip } from '@patternfly/react-core';
-import { KeyIcon } from '@patternfly/react-icons';
+import { LucideIconKey as KeyIcon } from '@ctrliq/quantic-react';
 import CredentialChip from 'components/CredentialChip';
 import { Credential } from 'types';
 
@@ -43,7 +43,7 @@ function CredentialPluginSelected({
             onClick={onEditPlugin}
             variant={ButtonVariant.control}
           >
-            <KeyIcon />
+            <KeyIcon size={16} data-original-icon="KeyIcon" />
           </Button>
         </Tooltip>
       </SelectedCredential>
diff --git a/awx/ui/src/screens/CredentialType/CredentialType.js b/awx/ui/src/screens/CredentialType/CredentialType.js
index f5a42283..0664a541 100644
--- a/awx/ui/src/screens/CredentialType/CredentialType.js
+++ b/awx/ui/src/screens/CredentialType/CredentialType.js
@@ -10,7 +10,7 @@ import {
 
 import { useLingui } from '@lingui/react/macro';
 import { Card, PageSection } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 
 import useRequest from 'hooks/useRequest';
 import { CredentialTypesAPI } from 'api';
@@ -52,7 +52,7 @@ function CredentialType({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to credential types`}
         </>
       ),
diff --git a/awx/ui/src/screens/CredentialType/CredentialTypeList/CredentialTypeListItem.js b/awx/ui/src/screens/CredentialType/CredentialTypeList/CredentialTypeListItem.js
index 14009bd2..56bc3b9c 100644
--- a/awx/ui/src/screens/CredentialType/CredentialTypeList/CredentialTypeListItem.js
+++ b/awx/ui/src/screens/CredentialType/CredentialTypeList/CredentialTypeListItem.js
@@ -4,7 +4,7 @@ import { useLingui } from '@lingui/react/macro';
 import { Link } from 'react-router-dom';
 import { Button } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 import { ActionsTd, ActionItem, TdBreakWord } from 'components/PaginatedTable';
 import { CredentialType } from 'types';
 
@@ -48,7 +48,7 @@ function CredentialTypeListItem({
             component={Link}
             to={`/credential_types/${credentialType.id}/edit`}
           >
-            <PencilAltIcon />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
           </Button>
         </ActionItem>
       </ActionsTd>
diff --git a/awx/ui/src/screens/Dashboard/Dashboard.js b/awx/ui/src/screens/Dashboard/Dashboard.js
index 17a30c5a..6d8cad16 100644
--- a/awx/ui/src/screens/Dashboard/Dashboard.js
+++ b/awx/ui/src/screens/Dashboard/Dashboard.js
@@ -13,7 +13,7 @@ import {
   Tab,
   TabTitleText,
 } from '@patternfly/react-core';
-import { InfoCircleIcon } from '@patternfly/react-icons';
+import { LucideIconInfo as InfoCircleIcon } from '@ctrliq/quantic-react';
 
 import { useConfig } from 'contexts/Config';
 import useBrandName from 'hooks/useBrandName';
@@ -83,7 +83,7 @@ function Dashboard() {
         <Banner variant="info">
           <Trans>
             <p>
-              <InfoCircleIcon /> A tech preview of the new {brandName} user
+              <InfoCircleIcon size={16} data-original-icon="InfoCircleIcon" /> A tech preview of the new {brandName} user
               interface can be found <a href="/ui_next">here</a>.
             </p>
           </Trans>
diff --git a/awx/ui/src/screens/Dashboard/shared/LineChart.js b/awx/ui/src/screens/Dashboard/shared/LineChart.js
index 61c1f9c5..97fca5de 100644
--- a/awx/ui/src/screens/Dashboard/shared/LineChart.js
+++ b/awx/ui/src/screens/Dashboard/shared/LineChart.js
@@ -47,7 +47,11 @@ function LineChart({ id, data, height, pageContext, jobStatus }) {
     const y = d3.scaleLinear().range([height, 0]);
 
     // [success, fail, total]
-    const colors = d3.scaleOrdinal(['#6EC664', '#A30000', '#06C']);
+    const colors = d3.scaleOrdinal([
+      'var(--quantic-color-success-600)',
+      'var(--quantic-color-error-800)',
+      'var(--quantic-color-gray-blue-500)',
+    ]);
     const svg = d3
       .select(`#${id}`)
       .append('svg')
@@ -57,7 +61,8 @@ function LineChart({ id, data, height, pageContext, jobStatus }) {
       .attr('z', 100)
       .append('g')
       .attr('id', 'chart-container')
-      .attr('transform', `translate(${margin.left}, ${margin.top})`);
+      .attr('transform', `translate(${margin.left}, ${margin.top})`)
+      .attr('fill', 'var(--quantic-text-primary)');
     // Tooltip
     const tooltip = new ChartTooltip({
       svg: `#${id}`,
@@ -115,7 +120,7 @@ function LineChart({ id, data, height, pageContext, jobStatus }) {
           .tickFormat(d3.format('d'))
       )
       .selectAll('line')
-      .attr('stroke', '#d7d7d7');
+      .attr('stroke', 'var(--quantic-border-primary)');
     svg.selectAll('.y-axis .tick text').attr('x', -5);
 
     // text label for the y axis
@@ -140,7 +145,7 @@ function LineChart({ id, data, height, pageContext, jobStatus }) {
         .filter((item) => item);
     }
 
-    svg.select('.domain').attr('stroke', '#d7d7d7');
+    svg.select('.domain').attr('stroke', 'var(--quantic-border-primary)');
 
     svg
       .append('g')
@@ -154,7 +159,7 @@ function LineChart({ id, data, height, pageContext, jobStatus }) {
           .tickFormat(d3.timeFormat('%-m/%-d')) // "1/19"
       ) // "Jan-01"
       .selectAll('line')
-      .attr('stroke', '#d7d7d7');
+      .attr('stroke', 'var(--quantic-border-secondary)');
 
     svg.selectAll('.x-axis .tick text').attr('y', 10);
 
@@ -271,7 +276,14 @@ function LineChart({ id, data, height, pageContext, jobStatus }) {
     return () => window.removeEventListener('resize', handleResize);
   }, [draw]);
 
-  return <div id={id} />;
+  return (
+    <div
+      id={id}
+      style={{
+        marginTop: 'var(--quantic-spacing-12)',
+      }}
+    />
+  );
 }
 
 LineChart.propTypes = {
diff --git a/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironment.js b/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironment.js
index bf3f1c1b..9938dfe2 100644
--- a/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironment.js
+++ b/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironment.js
@@ -10,7 +10,7 @@ import {
 
 import { useLingui } from '@lingui/react/macro';
 import { Card, PageSection } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 
 import useRequest from 'hooks/useRequest';
 import { ExecutionEnvironmentsAPI } from 'api';
@@ -54,7 +54,7 @@ function ExecutionEnvironment({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to execution environments`}
         </>
       ),
diff --git a/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.js b/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.js
index 6127c51e..1153c985 100644
--- a/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.js
+++ b/awx/ui/src/screens/ExecutionEnvironment/ExecutionEnvironmentList/ExecutionEnvironmentListItem.js
@@ -4,7 +4,7 @@ import { useLingui } from '@lingui/react/macro';
 import { Link } from 'react-router-dom';
 import { Button } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 
 import { ActionsTd, ActionItem, TdBreakWord } from 'components/PaginatedTable';
 import CopyButton from 'components/CopyButton';
@@ -96,7 +96,7 @@ function ExecutionEnvironmentListItem({
             component={Link}
             to={`/execution_environments/${executionEnvironment.id}/edit`}
           >
-            <PencilAltIcon />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
           </Button>
         </ActionItem>
         <ActionItem
diff --git a/awx/ui/src/screens/Host/Host.js b/awx/ui/src/screens/Host/Host.js
index 3efb7435..5707c22a 100644
--- a/awx/ui/src/screens/Host/Host.js
+++ b/awx/ui/src/screens/Host/Host.js
@@ -10,7 +10,7 @@ import {
   useRouteMatch,
   useLocation,
 } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 import RoutedTabs from 'components/RoutedTabs';
 import ContentError from 'components/ContentError';
@@ -48,7 +48,7 @@ function Host({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Hosts`}
         </>
       ),
@@ -136,9 +136,7 @@ function Host({ setBreadcrumb }) {
           ]}
           <Route key="not-found" path="*">
             <ContentError isNotFound>
-              <Link to={`${match.url}/details`}>
-                {t`View Host Details`}
-              </Link>
+              <Link to={`${match.url}/details`}>{t`View Host Details`}</Link>
             </ContentError>
           </Route>
         </Switch>
diff --git a/awx/ui/src/screens/Host/HostGroups/HostGroupItem.js b/awx/ui/src/screens/Host/HostGroups/HostGroupItem.js
index 15788d9e..4c6a590a 100644
--- a/awx/ui/src/screens/Host/HostGroups/HostGroupItem.js
+++ b/awx/ui/src/screens/Host/HostGroups/HostGroupItem.js
@@ -6,7 +6,7 @@ import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
 import { Link } from 'react-router-dom';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 import { ActionsTd, ActionItem } from 'components/PaginatedTable';
 import { Group } from 'types';
 
@@ -43,7 +43,7 @@ function HostGroupItem({ group, inventoryId, isSelected, onSelect, rowIndex }) {
             component={Link}
             to={editUrl}
           >
-            <PencilAltIcon />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
           </Button>
         </ActionItem>
       </ActionsTd>
diff --git a/awx/ui/src/screens/Host/HostList/HostListItem.js b/awx/ui/src/screens/Host/HostList/HostListItem.js
index e96df352..3fbb9b8d 100644
--- a/awx/ui/src/screens/Host/HostList/HostListItem.js
+++ b/awx/ui/src/screens/Host/HostList/HostListItem.js
@@ -7,7 +7,7 @@ import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
 import { Link } from 'react-router-dom';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 import { ActionsTd, ActionItem, TdBreakWord } from 'components/PaginatedTable';
 import { Host } from 'types';
 import HostToggle from 'components/HostToggle';
@@ -72,7 +72,7 @@ function HostListItem({ host, isSelected, onSelect, detailUrl, rowIndex }) {
             component={Link}
             to={`/hosts/${host.id}/edit`}
           >
-            <PencilAltIcon />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
           </Button>
         </ActionItem>
       </ActionsTd>
diff --git a/awx/ui/src/screens/InstanceGroup/ContainerGroup.js b/awx/ui/src/screens/InstanceGroup/ContainerGroup.js
index 95276e91..ca6aa60a 100644
--- a/awx/ui/src/screens/InstanceGroup/ContainerGroup.js
+++ b/awx/ui/src/screens/InstanceGroup/ContainerGroup.js
@@ -9,7 +9,7 @@ import {
 } from 'react-router-dom';
 
 import { useLingui } from '@lingui/react/macro';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 
 import useRequest from 'hooks/useRequest';
@@ -56,7 +56,7 @@ function ContainerGroup({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to instance groups`}
         </>
       ),
@@ -84,9 +84,7 @@ function ContainerGroup({ setBreadcrumb }) {
               <span>
                 {t`Container group not found.`}
 
-                <Link to="/instance_groups">
-                  {t`View all instance groups`}
-                </Link>
+                <Link to="/instance_groups">{t`View all instance groups`}</Link>
               </span>
             )}
           </ContentError>
diff --git a/awx/ui/src/screens/InstanceGroup/InstanceDetails/InstanceDetails.js b/awx/ui/src/screens/InstanceGroup/InstanceDetails/InstanceDetails.js
index 08bf51f1..1646e01d 100644
--- a/awx/ui/src/screens/InstanceGroup/InstanceDetails/InstanceDetails.js
+++ b/awx/ui/src/screens/InstanceGroup/InstanceDetails/InstanceDetails.js
@@ -13,7 +13,7 @@ import {
   Tooltip,
   Slider,
 } from '@patternfly/react-core';
-import { CaretLeftIcon, OutlinedClockIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft, LucideIconClock } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 
 import { useConfig } from 'contexts/Config';
@@ -163,7 +163,7 @@ function InstanceDetails({ setBreadcrumb, instanceGroup }) {
       {instance.health_check_pending ? (
         <>
           {' '}
-          <OutlinedClockIcon />
+          <LucideIconClock />
         </>
       ) : null}
     </>
@@ -177,7 +177,7 @@ function InstanceDetails({ setBreadcrumb, instanceGroup }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Instances`}
         </>
       ),
@@ -222,16 +222,9 @@ function InstanceDetails({ setBreadcrumb, instanceGroup }) {
           />
           <Detail
             label={t`Policy Type`}
-            value={
-              instance.managed_by_policy
-                ? t`Auto`
-                : t`Manual`
-            }
-          />
-          <Detail
-            label={t`Running Jobs`}
-            value={instance.jobs_running}
+            value={instance.managed_by_policy ? t`Auto` : t`Manual`}
           />
+          <Detail label={t`Running Jobs`} value={instance.jobs_running} />
           <Detail label={t`Total Jobs`} value={instance.jobs_total} />
           <Detail
             label={t`Last Health Check`}
@@ -262,7 +255,9 @@ function InstanceDetails({ setBreadcrumb, instanceGroup }) {
                 </div>
                 <SliderForks data-cy="slider-forks">
                   <div data-cy="number-forks">
-                    {i18n._('{count, plural, one {# fork} other {# forks}}', { count: forks })}
+                    {i18n._('{count, plural, one {# fork} other {# forks}}', {
+                      count: forks,
+                    })}
                   </div>
                   <Slider
                     areCustomStepsContinuous
diff --git a/awx/ui/src/screens/InstanceGroup/InstanceGroup.js b/awx/ui/src/screens/InstanceGroup/InstanceGroup.js
index 9825176f..57d33336 100644
--- a/awx/ui/src/screens/InstanceGroup/InstanceGroup.js
+++ b/awx/ui/src/screens/InstanceGroup/InstanceGroup.js
@@ -9,7 +9,7 @@ import {
 } from 'react-router-dom';
 
 import { useLingui } from '@lingui/react/macro';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 
 import useRequest from 'hooks/useRequest';
@@ -58,7 +58,7 @@ function InstanceGroup({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Instance Groups`}
         </>
       ),
@@ -92,9 +92,7 @@ function InstanceGroup({ setBreadcrumb }) {
               <span>
                 {t`Instance group not found.`}
 
-                <Link to="/instance_groups">
-                  {t`View all instance groups`}
-                </Link>
+                <Link to="/instance_groups">{t`View all instance groups`}</Link>
               </span>
             )}
           </ContentError>
diff --git a/awx/ui/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.js b/awx/ui/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.js
index 594971ca..5787211d 100644
--- a/awx/ui/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.js
+++ b/awx/ui/src/screens/InstanceGroup/InstanceGroupList/InstanceGroupListItem.js
@@ -12,7 +12,7 @@ import {
   ProgressSize,
 } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 import { ActionsTd, ActionItem, TdBreakWord } from 'components/PaginatedTable';
 import { InstanceGroup } from 'types';
@@ -70,9 +70,7 @@ function InstanceGroupListItem({
           ? t`Container group`.toString()
           : t`Instance group`.toString()}
       </Td>
-      <Td dataLabel={t`Running jobs`}>
-        {instanceGroup.jobs_running}
-      </Td>
+      <Td dataLabel={t`Running jobs`}>{instanceGroup.jobs_running}</Td>
       <Td dataLabel={t`Total jobs`}>{instanceGroup.jobs_total}</Td>
       <Td dataLabel={t`Instances`}>{instanceGroup.instances}</Td>
       <Td dataLabel={t`Capacity`}>{usedCapacity(instanceGroup)}</Td>
@@ -92,7 +90,7 @@ function InstanceGroupListItem({
                 : `/instance_groups/${instanceGroup.id}/edit`
             }
           >
-            <PencilAltIcon />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="xs" />
           </Button>
         </ActionItem>
       </ActionsTd>
diff --git a/awx/ui/src/screens/InstanceGroup/Instances/InstanceListItem.js b/awx/ui/src/screens/InstanceGroup/Instances/InstanceListItem.js
index 890f9bca..39711203 100644
--- a/awx/ui/src/screens/InstanceGroup/Instances/InstanceListItem.js
+++ b/awx/ui/src/screens/InstanceGroup/Instances/InstanceListItem.js
@@ -12,7 +12,7 @@ import {
   Slider,
   Tooltip,
 } from '@patternfly/react-core';
-import { OutlinedClockIcon } from '@patternfly/react-icons';
+import { LucideIconAlarmClock } from '@ctrliq/quantic-react';
 import { Tr, Td, ExpandableRowContent } from '@patternfly/react-table';
 import getDocsBaseUrl from 'util/getDocsBaseUrl';
 import { formatDateString } from 'util/dates';
@@ -110,7 +110,7 @@ function InstanceListItem({
       {instance.health_check_pending ? (
         <>
           {' '}
-          <OutlinedClockIcon />
+          <LucideIconAlarmClock data-original-icon="OutlinedClockIcon" />
         </>
       ) : null}
     </>
@@ -158,12 +158,12 @@ function InstanceListItem({
         <Td dataLabel={t`Node Type`}>{instance.node_type}</Td>
         <Td dataLabel={t`Capacity Adjustment`}>
           <SliderHolder data-cy="slider-holder">
-            <div data-cy="cpu-capacity">
-              {t`CPU ${instance.cpu_capacity}`}
-            </div>
+            <div data-cy="cpu-capacity">{t`CPU ${instance.cpu_capacity}`}</div>
             <SliderForks data-cy="slider-forks">
               <div data-cy="number-forks">
-                {i18n._('{count, plural, one {# fork} other {# forks}}', { count: forks })}
+                {i18n._('{count, plural, one {# fork} other {# forks}}', {
+                  count: forks,
+                })}
               </div>
               <Slider
                 areCustomStepsContinuous
@@ -176,9 +176,7 @@ function InstanceListItem({
                 data-cy="slider"
               />
             </SliderForks>
-            <div data-cy="mem-capacity">
-              {t`RAM ${instance.mem_capacity}`}
-            </div>
+            <div data-cy="mem-capacity">{t`RAM ${instance.mem_capacity}`}</div>
           </SliderHolder>
         </Td>
         <Td
@@ -221,11 +219,7 @@ function InstanceListItem({
               <Detail
                 data-cy="policy-type"
                 label={t`Policy Type`}
-                value={
-                  instance.managed_by_policy
-                    ? t`Auto`
-                    : t`Manual`
-                }
+                value={instance.managed_by_policy ? t`Auto` : t`Manual`}
               />
               <Detail
                 data-cy="last-health-check"
diff --git a/awx/ui/src/screens/Instances/Instance.js b/awx/ui/src/screens/Instances/Instance.js
index 6d9cbc83..9f1bd628 100644
--- a/awx/ui/src/screens/Instances/Instance.js
+++ b/awx/ui/src/screens/Instances/Instance.js
@@ -2,7 +2,7 @@ import React, { useCallback, useEffect } from 'react';
 import { useLingui } from '@lingui/react/macro';
 
 import { Switch, Route, Redirect, Link, useRouteMatch } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 import { useConfig } from 'contexts/Config';
 import ContentError from 'components/ContentError';
@@ -24,7 +24,7 @@ function Instance({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Instances`}
         </>
       ),
diff --git a/awx/ui/src/screens/Instances/InstanceDetail/InstanceDetail.js b/awx/ui/src/screens/Instances/InstanceDetail/InstanceDetail.js
index 39dd63cf..88aea3f2 100644
--- a/awx/ui/src/screens/Instances/InstanceDetail/InstanceDetail.js
+++ b/awx/ui/src/screens/Instances/InstanceDetail/InstanceDetail.js
@@ -11,7 +11,7 @@ import {
   Tooltip,
   Slider,
 } from '@patternfly/react-core';
-import { DownloadIcon, OutlinedClockIcon } from '@patternfly/react-icons';
+import { LucideIconDownload, LucideIconClock } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 
 import { useConfig } from 'contexts/Config';
@@ -151,7 +151,7 @@ function InstanceDetail({ setBreadcrumb, isK8s }) {
       {instance.health_check_pending ? (
         <>
           {' '}
-          <OutlinedClockIcon />
+          <LucideIconClock />
         </>
       ) : null}
     </>
@@ -208,10 +208,7 @@ function InstanceDetail({ setBreadcrumb, isK8s }) {
           />
           <Detail label={t`Node Type`} value={instance.node_type} />
           <Detail label={t`Host`} value={instance.ip_address} />
-          <Detail
-            label={t`Listener Port`}
-            value={instance.listener_port}
-          />
+          <Detail label={t`Listener Port`} value={instance.listener_port} />
           {!isManaged && instance.related?.install_bundle && (
             <Detail
               label={t`Install Bundle`}
@@ -226,7 +223,7 @@ function InstanceDetail({ setBreadcrumb, isK8s }) {
                     dataCy="install-bundle-download-button"
                     rel="noopener noreferrer"
                   >
-                    <DownloadIcon />
+                    <LucideIconDownload />
                   </Button>
                 </Tooltip>
               }
@@ -235,31 +232,17 @@ function InstanceDetail({ setBreadcrumb, isK8s }) {
           {(isExecutionNode || isHopNode) && (
             <Detail
               label={t`Peers from control nodes`}
-              value={
-                instance.peers_from_control_nodes
-                  ? t`On`
-                  : t`Off`
-              }
+              value={instance.peers_from_control_nodes ? t`On` : t`Off`}
             />
           )}
           {!isHopNode && (
             <>
               <Detail
                 label={t`Policy Type`}
-                value={
-                  instance.managed_by_policy
-                    ? t`Auto`
-                    : t`Manual`
-                }
-              />
-              <Detail
-                label={t`Running Jobs`}
-                value={instance.jobs_running}
-              />
-              <Detail
-                label={t`Total Jobs`}
-                value={instance.jobs_total}
+                value={instance.managed_by_policy ? t`Auto` : t`Manual`}
               />
+              <Detail label={t`Running Jobs`} value={instance.jobs_running} />
+              <Detail label={t`Total Jobs`} value={instance.jobs_total} />
               {instanceGroups && (
                 <Detail
                   fullWidth
@@ -302,7 +285,10 @@ function InstanceDetail({ setBreadcrumb, isK8s }) {
                     </div>
                     <SliderForks data-cy="slider-forks">
                       <div data-cy="number-forks">
-                        {i18n._('{count, plural, one {# fork} other {# forks}}', { count: forks })}
+                        {i18n._(
+                          '{count, plural, one {# fork} other {# forks}}',
+                          { count: forks }
+                        )}
                       </div>
                       <Slider
                         areCustomStepsContinuous
diff --git a/awx/ui/src/screens/Instances/InstanceList/InstanceListItem.js b/awx/ui/src/screens/Instances/InstanceList/InstanceListItem.js
index 59ec3bae..24bf06d2 100644
--- a/awx/ui/src/screens/Instances/InstanceList/InstanceListItem.js
+++ b/awx/ui/src/screens/Instances/InstanceList/InstanceListItem.js
@@ -11,7 +11,7 @@ import {
   Slider,
   Tooltip,
 } from '@patternfly/react-core';
-import { OutlinedClockIcon } from '@patternfly/react-icons';
+import { LucideIconAlarmClock } from '@ctrliq/quantic-react';
 import { Tr, Td, ExpandableRowContent } from '@patternfly/react-table';
 import getDocsBaseUrl from 'util/getDocsBaseUrl';
 import { formatDateString } from 'util/dates';
@@ -36,6 +36,7 @@ const SliderHolder = styled.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
+  font-size: var(--quantic-font-size-body-xs);
 `;
 
 const SliderForks = styled.div`
@@ -108,7 +109,7 @@ function InstanceListItem({
       {instance.health_check_pending ? (
         <>
           {' '}
-          <OutlinedClockIcon />
+          <LucideIconAlarmClock data-original-icon="OutlinedClockIcon" />
         </>
       ) : null}
     </>
@@ -176,7 +177,9 @@ function InstanceListItem({
                 </div>
                 <SliderForks data-cy="slider-forks">
                   <div data-cy="number-forks">
-                    {i18n._('{count, plural, one {# fork} other {# forks}}', { count: forks })}
+                    {i18n._('{count, plural, one {# fork} other {# forks}}', {
+                      count: forks,
+                    })}
                   </div>
                   <Slider
                     areCustomStepsContinuous
@@ -239,11 +242,7 @@ function InstanceListItem({
                 <Detail
                   data-cy="policy-type"
                   label={t`Policy Type`}
-                  value={
-                    instance.managed_by_policy
-                      ? t`Auto`
-                      : t`Manual`
-                  }
+                  value={instance.managed_by_policy ? t`Auto` : t`Manual`}
                 />
                 <Detail
                   data-cy="last-health-check"
diff --git a/awx/ui/src/screens/Inventory/AdvancedInventoryHost/AdvancedInventoryHost.js b/awx/ui/src/screens/Inventory/AdvancedInventoryHost/AdvancedInventoryHost.js
index e92bd2c0..02e55954 100644
--- a/awx/ui/src/screens/Inventory/AdvancedInventoryHost/AdvancedInventoryHost.js
+++ b/awx/ui/src/screens/Inventory/AdvancedInventoryHost/AdvancedInventoryHost.js
@@ -2,7 +2,7 @@ import React, { useEffect, useCallback } from 'react';
 
 import { useLingui } from '@lingui/react/macro';
 import { Link, Redirect, Route, Switch, useRouteMatch } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import ContentError from 'components/ContentError';
 import ContentLoading from 'components/ContentLoading';
 import RoutedTabs from 'components/RoutedTabs';
@@ -49,7 +49,7 @@ function AdvancedInventoryHost({ inventory, setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Hosts`}
         </>
       ),
diff --git a/awx/ui/src/screens/Inventory/ConstructedInventory.js b/awx/ui/src/screens/Inventory/ConstructedInventory.js
index 596575c1..5000dd5b 100644
--- a/awx/ui/src/screens/Inventory/ConstructedInventory.js
+++ b/awx/ui/src/screens/Inventory/ConstructedInventory.js
@@ -8,7 +8,7 @@ import {
   useRouteMatch,
   useLocation,
 } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 
 import useRequest from 'hooks/useRequest';
@@ -60,7 +60,7 @@ function ConstructedInventory({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Inventories`}
         </>
       ),
@@ -101,9 +101,7 @@ function ConstructedInventory({ setBreadcrumb }) {
             {contentError?.response?.status === 404 && (
               <span>
                 {t`Constructed Inventory not found.`}{' '}
-                <Link to="/inventories">
-                  {t`View all Inventories.`}
-                </Link>
+                <Link to="/inventories">{t`View all Inventories.`}</Link>
               </span>
             )}
           </ContentError>
diff --git a/awx/ui/src/screens/Inventory/Inventory.js b/awx/ui/src/screens/Inventory/Inventory.js
index f4393014..9ed22dc7 100644
--- a/awx/ui/src/screens/Inventory/Inventory.js
+++ b/awx/ui/src/screens/Inventory/Inventory.js
@@ -9,7 +9,7 @@ import {
   useLocation,
   useRouteMatch,
 } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 import ContentError from 'components/ContentError';
 import ContentLoading from 'components/ContentLoading';
@@ -55,7 +55,7 @@ function Inventory({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Inventories`}
         </>
       ),
@@ -98,9 +98,7 @@ function Inventory({ setBreadcrumb }) {
             {contentError.response?.status === 404 && (
               <span>
                 {t`Inventory not found.`}{' '}
-                <Link to="/inventories">
-                  {t`View all Inventories.`}
-                </Link>
+                <Link to="/inventories">{t`View all Inventories.`}</Link>
               </span>
             )}
           </ContentError>
diff --git a/awx/ui/src/screens/Inventory/InventoryGroup/InventoryGroup.js b/awx/ui/src/screens/Inventory/InventoryGroup/InventoryGroup.js
index 83007636..be4e8d7b 100644
--- a/awx/ui/src/screens/Inventory/InventoryGroup/InventoryGroup.js
+++ b/awx/ui/src/screens/Inventory/InventoryGroup/InventoryGroup.js
@@ -8,7 +8,7 @@ import {
   useLocation,
   useParams,
 } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import RoutedTabs from 'components/RoutedTabs';
 import ContentError from 'components/ContentError';
 import ContentLoading from 'components/ContentLoading';
@@ -46,7 +46,7 @@ function InventoryGroup({ setBreadcrumb, inventory }) {
     {
       name: (
         <>
-          <CaretLeftIcon aria-label={t`Back to Groups`} />
+          <ChevronLeft aria-label={t`Back to Groups`} />
           {t`Back to Groups`}
         </>
       ),
diff --git a/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.js b/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.js
index 799a7a10..de25c354 100644
--- a/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryGroupHosts/InventoryGroupHostListItem.js
@@ -4,7 +4,7 @@ import { Link, useParams } from 'react-router-dom';
 import { string, bool, func, number } from 'prop-types';
 import { useLingui } from '@lingui/react/macro';
 import { Button, Tooltip } from '@patternfly/react-core';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 
 import { Td, Tr } from '@patternfly/react-table';
 import { ActionItem, ActionsTd } from 'components/PaginatedTable';
@@ -47,9 +47,7 @@ function InventoryGroupHostListItem({
           <b>{host.name}</b>
         </Link>
       </Td>
-      <Td dataLabel={t`host-description-${host.id}`}>
-        {host.description}
-      </Td>
+      <Td dataLabel={t`host-description-${host.id}`}>{host.description}</Td>
       <Td dataLabel={t`Activity`}>
         <Sparkline jobs={recentPlaybookJobs} />
       </Td>
@@ -73,7 +71,10 @@ function InventoryGroupHostListItem({
                 component={Link}
                 to={`${editUrl}`}
               >
-                <PencilAltIcon />
+                <LucideIconPencil
+                  data-original-icon="PencilAltIcon"
+                  size="sm"
+                />
               </Button>
             </Tooltip>
           </ActionItem>
diff --git a/awx/ui/src/screens/Inventory/InventoryGroups/InventoryGroupItem.js b/awx/ui/src/screens/Inventory/InventoryGroups/InventoryGroupItem.js
index b14b79be..1e6e79cd 100644
--- a/awx/ui/src/screens/Inventory/InventoryGroups/InventoryGroupItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryGroups/InventoryGroupItem.js
@@ -6,7 +6,7 @@ import { Button } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
 
 import { Link, useParams } from 'react-router-dom';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 import { ActionsTd, ActionItem } from 'components/PaginatedTable';
 import { Group } from 'types';
 
@@ -45,7 +45,7 @@ function InventoryGroupItem({ group, isSelected, onSelect, rowIndex }) {
               component={Link}
               to={editUrl}
             >
-              <PencilAltIcon />
+              <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
             </Button>
           </ActionItem>
         </ActionsTd>
diff --git a/awx/ui/src/screens/Inventory/InventoryHost/InventoryHost.js b/awx/ui/src/screens/Inventory/InventoryHost/InventoryHost.js
index 789fd0bb..efc5b43c 100644
--- a/awx/ui/src/screens/Inventory/InventoryHost/InventoryHost.js
+++ b/awx/ui/src/screens/Inventory/InventoryHost/InventoryHost.js
@@ -9,7 +9,7 @@ import {
   useLocation,
 } from 'react-router-dom';
 import { Card } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import useRequest from 'hooks/useRequest';
 
 import { InventoriesAPI } from 'api';
@@ -62,7 +62,7 @@ function InventoryHost({ setBreadcrumb, inventory }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Hosts`}
         </>
       ),
@@ -98,9 +98,7 @@ function InventoryHost({ setBreadcrumb, inventory }) {
           {contentError.response && contentError.response.status === 404 && (
             <span>
               {t`Host not found.`}{' '}
-              <Link to={hostListUrl}>
-                {t`View all Inventory Hosts.`}
-              </Link>
+              <Link to={hostListUrl}>{t`View all Inventory Hosts.`}</Link>
             </span>
           )}
         </ContentError>
diff --git a/awx/ui/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.js b/awx/ui/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.js
index a94d17d5..a1f37e9a 100644
--- a/awx/ui/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryHostGroups/InventoryHostGroupItem.js
@@ -5,7 +5,7 @@ import { Tr, Td } from '@patternfly/react-table';
 import { useLingui } from '@lingui/react/macro';
 
 import { Link } from 'react-router-dom';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 import { ActionsTd, ActionItem } from 'components/PaginatedTable';
 import { Group } from 'types';
 
@@ -50,7 +50,7 @@ function InventoryHostGroupItem({
             component={Link}
             to={editUrl}
           >
-            <PencilAltIcon />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
           </Button>
         </ActionItem>
       </ActionsTd>
diff --git a/awx/ui/src/screens/Inventory/InventoryHosts/InventoryHostItem.js b/awx/ui/src/screens/Inventory/InventoryHosts/InventoryHostItem.js
index f3829751..06f0312e 100644
--- a/awx/ui/src/screens/Inventory/InventoryHosts/InventoryHostItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryHosts/InventoryHostItem.js
@@ -3,7 +3,7 @@ import { string, bool, func } from 'prop-types';
 import { useLingui } from '@lingui/react/macro';
 import { Tr, Td } from '@patternfly/react-table';
 import { Link } from 'react-router-dom';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 import { Button, Chip } from '@patternfly/react-core';
 import { HostsAPI } from 'api';
 import AlertModal from 'components/AlertModal';
@@ -119,7 +119,7 @@ function InventoryHostItem({
               component={Link}
               to={`${editUrl}`}
             >
-              <PencilAltIcon />
+              <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
             </Button>
           </ActionItem>
         </ActionsTd>
diff --git a/awx/ui/src/screens/Inventory/InventoryList/InventoryListItem.js b/awx/ui/src/screens/Inventory/InventoryList/InventoryListItem.js
index 81cbc276..4c2797bd 100644
--- a/awx/ui/src/screens/Inventory/InventoryList/InventoryListItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryList/InventoryListItem.js
@@ -3,7 +3,7 @@ import { bool, func } from 'prop-types';
 
 import { Button, Label } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 import { Plural, useLingui } from '@lingui/react/macro';
 import { Link } from 'react-router-dom';
 import { timeOfDay } from 'util/dates';
@@ -149,7 +149,7 @@ function InventoryListItem({
               component={Link}
               to={`${getInventoryPath(inventory)}/edit`}
             >
-              <PencilAltIcon />
+              <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
             </Button>
           </ActionItem>
           <ActionItem
diff --git a/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.js b/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.js
index bc45f54d..ea2b8fbb 100644
--- a/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.js
+++ b/awx/ui/src/screens/Inventory/InventoryRelatedGroups/InventoryRelatedGroupListItem.js
@@ -7,7 +7,7 @@ import { useLingui } from '@lingui/react/macro';
 
 import { Td, Tr } from '@patternfly/react-table';
 import { Button } from '@patternfly/react-core';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 
 import { Group } from 'types';
 import { ActionItem, ActionsTd } from 'components/PaginatedTable';
@@ -55,7 +55,7 @@ function InventoryRelatedGroupListItem({
               component={Link}
               to={`${editUrl}`}
             >
-              <PencilAltIcon />
+              <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
             </Button>
           </ActionItem>
         </ActionsTd>
diff --git a/awx/ui/src/screens/Inventory/InventorySource/InventorySource.js b/awx/ui/src/screens/Inventory/InventorySource/InventorySource.js
index d2da97d3..ef28d6b0 100644
--- a/awx/ui/src/screens/Inventory/InventorySource/InventorySource.js
+++ b/awx/ui/src/screens/Inventory/InventorySource/InventorySource.js
@@ -9,7 +9,7 @@ import {
   useRouteMatch,
   useLocation,
 } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import useRequest from 'hooks/useRequest';
 
 import { InventoriesAPI, InventorySourcesAPI, OrganizationsAPI } from 'api';
@@ -73,7 +73,7 @@ function InventorySource({ inventory, setBreadcrumb, me }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Sources`}
         </>
       ),
diff --git a/awx/ui/src/screens/Inventory/InventorySources/InventorySourceListItem.js b/awx/ui/src/screens/Inventory/InventorySources/InventorySourceListItem.js
index a351439f..c89da44e 100644
--- a/awx/ui/src/screens/Inventory/InventorySources/InventorySourceListItem.js
+++ b/awx/ui/src/screens/Inventory/InventorySources/InventorySourceListItem.js
@@ -3,10 +3,7 @@ import { Link } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button, Tooltip } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
-import {
-  ExclamationTriangleIcon as PFExclamationTriangleIcon,
-  PencilAltIcon,
-} from '@patternfly/react-icons';
+import { LucideIconCircleAlert, LucideIconPencil } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 
 import { ActionsTd, ActionItem, TdBreakWord } from 'components/PaginatedTable';
@@ -16,7 +13,7 @@ import { formatDateString } from 'util/dates';
 import { isJobRunning } from 'util/jobs';
 import InventorySourceSyncButton from '../shared/InventorySourceSyncButton';
 
-const ExclamationTriangleIcon = styled(PFExclamationTriangleIcon)`
+const StyledTriangleAlert = styled(LucideIconCircleAlert)`
   color: var(--pf-global--warning-color--100);
   margin-left: 18px;
 `;
@@ -80,7 +77,7 @@ function InventorySourceListItem({
               content={t`Custom virtual environment ${source.custom_virtualenv} must be replaced by an execution environment.`}
               position="right"
             >
-              <ExclamationTriangleIcon />
+              <StyledTriangleAlert data-original-icon="ExclamationTriangleIcon" />
             </Tooltip>
           </span>
         )}
@@ -134,7 +131,7 @@ function InventorySourceListItem({
             component={Link}
             to={`${detailUrl}/edit`}
           >
-            <PencilAltIcon />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
           </Button>
         </ActionItem>
       </ActionsTd>
diff --git a/awx/ui/src/screens/Inventory/SmartInventory.js b/awx/ui/src/screens/Inventory/SmartInventory.js
index 23d40e1d..7222ff6d 100644
--- a/awx/ui/src/screens/Inventory/SmartInventory.js
+++ b/awx/ui/src/screens/Inventory/SmartInventory.js
@@ -7,7 +7,7 @@ import {
   useRouteMatch,
   useLocation,
 } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 import { useLingui } from '@lingui/react/macro';
 
@@ -58,7 +58,7 @@ function SmartInventory({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Inventories`}
         </>
       ),
@@ -98,9 +98,7 @@ function SmartInventory({ setBreadcrumb }) {
             {contentError?.response?.status === 404 && (
               <span>
                 {t`Smart Inventory not found.`}{' '}
-                <Link to="/inventories">
-                  {t`View all Inventories.`}
-                </Link>
+                <Link to="/inventories">{t`View all Inventories.`}</Link>
               </span>
             )}
           </ContentError>
diff --git a/awx/ui/src/screens/Inventory/shared/ConstructedInventoryHint.js b/awx/ui/src/screens/Inventory/shared/ConstructedInventoryHint.js
index f2b2d31d..7ab2140d 100644
--- a/awx/ui/src/screens/Inventory/shared/ConstructedInventoryHint.js
+++ b/awx/ui/src/screens/Inventory/shared/ConstructedInventoryHint.js
@@ -23,7 +23,7 @@ import {
   Tbody,
   Td,
 } from '@patternfly/react-table';
-import { ExternalLinkAltIcon } from '@patternfly/react-icons';
+import { LucideIconExternalLink as ExternalLinkAltIcon } from '@ctrliq/quantic-react';
 import getDocsBaseUrl from 'util/getDocsBaseUrl';
 import { useConfig } from 'contexts/Config';
 
@@ -47,7 +47,7 @@ function ConstructedInventoryHint() {
           rel="noopener noreferrer"
         >
           {t`View constructed inventory documentation here`}{' '}
-          <ExternalLinkAltIcon />
+          <ExternalLinkAltIcon size={16} data-original-icon="ExternalLinkAltIcon" />
         </AlertActionLink>
       }
     >
diff --git a/awx/ui/src/screens/Inventory/shared/InventorySourceSyncButton.js b/awx/ui/src/screens/Inventory/shared/InventorySourceSyncButton.js
index af089e1e..f2ca42bd 100644
--- a/awx/ui/src/screens/Inventory/shared/InventorySourceSyncButton.js
+++ b/awx/ui/src/screens/Inventory/shared/InventorySourceSyncButton.js
@@ -3,7 +3,7 @@ import React, { useCallback } from 'react';
 import { useLingui } from '@lingui/react/macro';
 import PropTypes from 'prop-types';
 import { Button, Tooltip } from '@patternfly/react-core';
-import { SyncIcon } from '@patternfly/react-icons';
+import { LucideIconRefreshCw as SyncIcon } from '@ctrliq/quantic-react';
 import useRequest, { useDismissableError } from 'hooks/useRequest';
 import AlertModal from 'components/AlertModal/AlertModal';
 import ErrorDetail from 'components/ErrorDetail/ErrorDetail';
@@ -39,7 +39,7 @@ function InventorySourceSyncButton({ source, icon }) {
           variant={icon ? 'plain' : 'secondary'}
           onClick={startSyncProcess}
         >
-          {icon ? <SyncIcon /> : t`Sync`}
+          {icon ? <SyncIcon size={16} data-original-icon="SyncIcon" /> : t`Sync`}
         </Button>
       </Tooltip>
 
diff --git a/awx/ui/src/screens/Job/Job.js b/awx/ui/src/screens/Job/Job.js
index 23ee2a1f..a143bf4a 100644
--- a/awx/ui/src/screens/Job/Job.js
+++ b/awx/ui/src/screens/Job/Job.js
@@ -8,7 +8,7 @@ import {
   useRouteMatch,
 } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 import { InventorySourcesAPI } from 'api';
 import ContentError from 'components/ContentError';
@@ -118,7 +118,7 @@ function Job({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Jobs`}
         </>
       ),
diff --git a/awx/ui/src/screens/Job/JobOutput/EmptyOutput.js b/awx/ui/src/screens/Job/JobOutput/EmptyOutput.js
index 2e5744aa..084984af 100644
--- a/awx/ui/src/screens/Job/JobOutput/EmptyOutput.js
+++ b/awx/ui/src/screens/Job/JobOutput/EmptyOutput.js
@@ -1,16 +1,13 @@
 import React, { useEffect } from 'react';
 import { Link, useParams } from 'react-router-dom';
 import 'styled-components/macro';
-import {
-  SearchIcon,
-  ExclamationCircleIcon as PFExclamationCircleIcon,
-} from '@patternfly/react-icons';
 import ContentEmpty from 'components/ContentEmpty';
 import { useLingui } from '@lingui/react/macro';
 
 import styled from 'styled-components';
+import { LucideIconCircleAlert, LucideIconSearch } from '@ctrliq/quantic-react';
 
-const ExclamationCircleIcon = styled(PFExclamationCircleIcon)`
+const ExclamationCircleIcon = styled(LucideIconCircleAlert)`
   color: var(--pf-global--danger-color--100);
 `;
 
@@ -31,7 +28,7 @@ export default function EmptyOutput({
   if (hasQueryParams) {
     title = t`The search filter did not produce any results…`;
     message = t`Please try another search using the filter above`;
-    icon = SearchIcon;
+    icon = LucideIconSearch;
   } else if (isJobRunning) {
     title = t`Waiting for job output…`;
   } else if (job.status === 'failed') {
diff --git a/awx/ui/src/screens/Job/JobOutput/JobOutputSearch.js b/awx/ui/src/screens/Job/JobOutput/JobOutputSearch.js
index 2d521766..3bb3ea29 100644
--- a/awx/ui/src/screens/Job/JobOutput/JobOutputSearch.js
+++ b/awx/ui/src/screens/Job/JobOutput/JobOutputSearch.js
@@ -9,7 +9,7 @@ import {
   Tooltip,
   Button,
 } from '@patternfly/react-core';
-import { SearchIcon } from '@patternfly/react-icons';
+import { LucideIconSearch as SearchIcon } from '@ctrliq/quantic-react';
 import Search from 'components/Search';
 import {
   parseQueryString,
@@ -146,12 +146,13 @@ function JobOutputSearch({
       ouiaId="job-output-toolbar"
     >
       <SearchToolbarContent>
-        <ToolbarToggleGroup toggleIcon={<SearchIcon />} breakpoint="lg">
+        <ToolbarToggleGroup
+          toggleIcon={<SearchIcon data-original-icon="SearchIcon" size={16} />}
+          breakpoint="lg"
+        >
           <ToolbarItem variant="search-filter">
             {isDisabled ? (
-              <Tooltip
-                content={t`Search is disabled while the job is running`}
-              >
+              <Tooltip content={t`Search is disabled while the job is running`}>
                 <Search
                   qsConfig={qsConfig}
                   columns={columns}
diff --git a/awx/ui/src/screens/Job/JobOutput/PageControls.js b/awx/ui/src/screens/Job/JobOutput/PageControls.js
index 867bb9ca..54679572 100644
--- a/awx/ui/src/screens/Job/JobOutput/PageControls.js
+++ b/awx/ui/src/screens/Job/JobOutput/PageControls.js
@@ -4,12 +4,12 @@ import { useLingui } from '@lingui/react/macro';
 import 'styled-components/macro';
 import { Button } from '@patternfly/react-core';
 import {
-  AngleDoubleUpIcon,
-  AngleDoubleDownIcon,
-  AngleUpIcon,
-  AngleDownIcon,
-  AngleRightIcon,
-} from '@patternfly/react-icons';
+  LucideIconChevronsUp,
+  LucideIconChevronsDown,
+  LucideIconChevronUp,
+  LucideIconChevronDown,
+  LucideIconChevronRight,
+} from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 
 const ControllsWrapper = styled.div`
@@ -49,15 +49,23 @@ const PageControls = ({
         {!isFlatMode && isTemplateJob && (
           <Button
             aria-label={
-              isAllCollapsed
-                ? t`Expand job events`
-                : t`Collapse all job events`
+              isAllCollapsed ? t`Expand job events` : t`Collapse all job events`
             }
             variant="plain"
             type="button"
             onClick={toggleExpandCollapseAll}
           >
-            {isAllCollapsed ? <AngleRightIcon /> : <AngleDownIcon />}
+            {isAllCollapsed ? (
+              <LucideIconChevronRight
+                data-original-icon="AngleRightIcon"
+                size={16}
+              />
+            ) : (
+              <LucideIconChevronDown
+                data-original-icon="AngleDownIcon"
+                size={16}
+              />
+            )}
           </Button>
         )}
       </ExpandCollapseWrapper>
@@ -68,7 +76,7 @@ const PageControls = ({
           onClick={onScrollPrevious}
           variant="plain"
         >
-          <AngleUpIcon />
+          <LucideIconChevronUp data-original-icon="AngleUpIcon" size={16} />
         </Button>
         <Button
           ouiaId="job-output-scroll-next-button"
@@ -76,7 +84,7 @@ const PageControls = ({
           onClick={onScrollNext}
           variant="plain"
         >
-          <AngleDownIcon />
+          <LucideIconChevronDown data-original-icon="AngleDownIcon" size={16} />
         </Button>
         <Button
           ouiaId="job-output-scroll-first-button"
@@ -84,7 +92,10 @@ const PageControls = ({
           onClick={onScrollFirst}
           variant="plain"
         >
-          <AngleDoubleUpIcon />
+          <LucideIconChevronsUp
+            data-original-icon="AngleDoubleUpIcon"
+            size={16}
+          />
         </Button>
         <Button
           ouiaId="job-output-scroll-last-button"
@@ -92,7 +103,10 @@ const PageControls = ({
           onClick={onScrollLast}
           variant="plain"
         >
-          <AngleDoubleDownIcon />
+          <LucideIconChevronsDown
+            data-original-icon="AngleDoubleDownIcon"
+            size={16}
+          />
         </Button>
       </ScrollWrapper>
     </ControllsWrapper>
diff --git a/awx/ui/src/screens/Job/JobOutput/shared/JobEventLineToggle.js b/awx/ui/src/screens/Job/JobOutput/shared/JobEventLineToggle.js
index f2d46dea..cfc46f91 100644
--- a/awx/ui/src/screens/Job/JobOutput/shared/JobEventLineToggle.js
+++ b/awx/ui/src/screens/Job/JobOutput/shared/JobEventLineToggle.js
@@ -1,7 +1,10 @@
 import React from 'react';
 import styled from 'styled-components';
 import { useLingui } from '@lingui/react/macro';
-import { AngleDownIcon, AngleRightIcon } from '@patternfly/react-icons';
+import {
+  LucideIconChevronDown,
+  LucideIconChevronRight,
+} from '@ctrliq/quantic-react';
 
 const Wrapper = styled.div`
   background-color: #ebebeb;
@@ -35,9 +38,17 @@ export default function JobEventLineToggle({
     <Wrapper>
       <Button onClick={onToggle} type="button">
         {isCollapsed ? (
-          <AngleRightIcon size="sm" title={t`Expand section`} />
+          <LucideIconChevronRight
+            size={14}
+            title={t`Expand section`}
+            data-original-icon="AngleRightIcon"
+          />
         ) : (
-          <AngleDownIcon size="sm" title={t`Collapse section`} />
+          <LucideIconChevronDown
+            size={14}
+            title={t`Collapse section`}
+            data-original-icon="AngleDownIcon"
+          />
         )}
       </Button>
     </Wrapper>
diff --git a/awx/ui/src/screens/Job/JobOutput/shared/OutputToolbar.js b/awx/ui/src/screens/Job/JobOutput/shared/OutputToolbar.js
index 5bb3ca38..1070a665 100644
--- a/awx/ui/src/screens/Job/JobOutput/shared/OutputToolbar.js
+++ b/awx/ui/src/screens/Job/JobOutput/shared/OutputToolbar.js
@@ -3,10 +3,10 @@ import styled from 'styled-components';
 import { DateTime, Duration } from 'luxon';
 import { bool, shape, func } from 'prop-types';
 import {
-  DownloadIcon,
-  RocketIcon,
-  TrashAltIcon,
-} from '@patternfly/react-icons';
+  LucideIconDownload,
+  LucideIconRocket,
+  LucideIconTrash,
+} from '@ctrliq/quantic-react';
 import { Badge as PFBadge, Button, Tooltip } from '@patternfly/react-core';
 import DeleteButton from 'components/DeleteButton';
 import { LaunchButton, ReLaunchDropDown } from 'components/LaunchButton';
@@ -199,7 +199,7 @@ const OutputToolbar = ({ job, onDelete, isDeleteDisabled, jobStatus }) => {
                   aria-label={t`Relaunch`}
                   isDisabled={isLaunching}
                 >
-                  <RocketIcon />
+                  <LucideIconRocket data-original-icon="RocketIcon" size={16} />
                 </Button>
               )}
             </LaunchButton>
@@ -215,7 +215,7 @@ const OutputToolbar = ({ job, onDelete, isDeleteDisabled, jobStatus }) => {
               variant="plain"
               aria-label={t`Download Output`}
             >
-              <DownloadIcon />
+              <LucideIconDownload data-original-icon="DownloadIcon" size={16} />
             </Button>
           </a>
         </Tooltip>
@@ -233,7 +233,7 @@ const OutputToolbar = ({ job, onDelete, isDeleteDisabled, jobStatus }) => {
               variant="plain"
               isDisabled={isDeleteDisabled}
             >
-              <TrashAltIcon />
+              <LucideIconTrash data-original-icon="TrashAltIcon" size={16} />
             </DeleteButton>
           </Tooltip>
         )}
diff --git a/awx/ui/src/screens/Job/WorkflowOutput/WorkflowOutputToolbar.js b/awx/ui/src/screens/Job/WorkflowOutput/WorkflowOutputToolbar.js
index 23b17c49..4ef3aed4 100644
--- a/awx/ui/src/screens/Job/WorkflowOutput/WorkflowOutputToolbar.js
+++ b/awx/ui/src/screens/Job/WorkflowOutput/WorkflowOutputToolbar.js
@@ -5,10 +5,10 @@ import { Badge as PFBadge, Button, Tooltip } from '@patternfly/react-core';
 import { useLingui } from '@lingui/react/macro';
 
 import {
-  CompassIcon,
-  WrenchIcon,
-  ProjectDiagramIcon,
-} from '@patternfly/react-icons';
+  LucideIconCompass,
+  LucideIconWrench,
+  LucideIconNetwork,
+} from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 import StatusLabel from 'components/StatusLabel';
 import JobCancelButton from 'components/JobCancelButton';
@@ -100,7 +100,10 @@ function WorkflowOutputToolbar({ job }) {
           variant="plain"
           onClick={navToWorkflow}
         >
-          <ProjectDiagramIcon />
+          <LucideIconNetwork
+            data-original-icon="ProjectDiagramIcon"
+            size={16}
+          />
         </ActionButton>
         <div>{t`Total Nodes`}</div>
         <Badge isRead>{totalNodes}</Badge>
@@ -111,7 +114,7 @@ function WorkflowOutputToolbar({ job }) {
             onClick={() => dispatch({ type: 'TOGGLE_LEGEND' })}
             variant="plain"
           >
-            <CompassIcon />
+            <LucideIconCompass data-original-icon="CompassIcon" size={16} />
           </ActionButton>
         </Tooltip>
         <Tooltip content={t`Toggle Tools`} position="bottom">
@@ -121,7 +124,7 @@ function WorkflowOutputToolbar({ job }) {
             onClick={() => dispatch({ type: 'TOGGLE_TOOLS' })}
             variant="plain"
           >
-            <WrenchIcon />
+            <LucideIconWrench data-original-icon="WrenchIcon" size={16} />
           </ActionButton>
         </Tooltip>
       </ToolbarActions>
diff --git a/awx/ui/src/screens/Login/Login.js b/awx/ui/src/screens/Login/Login.js
index 0d19c4b9..5dc0ea95 100644
--- a/awx/ui/src/screens/Login/Login.js
+++ b/awx/ui/src/screens/Login/Login.js
@@ -24,12 +24,10 @@ import {
   Tooltip,
 } from '@patternfly/react-core';
 
-import {
-  AzureIcon,
-  GoogleIcon,
-  GithubIcon,
-  UserCircleIcon,
-} from '@patternfly/react-icons';
+import { LucideIconLoaderCircle as AzureIcon } from '@ctrliq/quantic-react';
+import { LucideIconLoaderCircle as GoogleIcon } from '@ctrliq/quantic-react';
+import { LucideIconGithub as GithubIcon } from '@ctrliq/quantic-react';
+import { LucideIconUserRound as UserCircleIcon } from '@ctrliq/quantic-react';
 import useRequest, { useDismissableError } from 'hooks/useRequest';
 import { AuthAPI, RootAPI, MeAPI } from 'api';
 import { useSession } from 'contexts/Session';
@@ -251,7 +249,7 @@ function AWXLogin({ alt, isAuthenticated }) {
                       onClick={setSessionRedirect}
                     >
                       <Tooltip content={t`Sign in with Azure AD`}>
-                        <AzureIcon size="lg" />
+                        <AzureIcon size={24} data-original-icon="AzureIcon" />
                       </Tooltip>
                     </LoginMainFooterLinksItem>
                   );
@@ -265,7 +263,7 @@ function AWXLogin({ alt, isAuthenticated }) {
                       onClick={setSessionRedirect}
                     >
                       <Tooltip content={t`Sign in with GitHub`}>
-                        <GithubIcon size="lg" />
+                        <GithubIcon size={24} data-original-icon="GithubIcon" />
                       </Tooltip>
                     </LoginMainFooterLinksItem>
                   );
@@ -278,10 +276,8 @@ function AWXLogin({ alt, isAuthenticated }) {
                       key={authKey}
                       onClick={setSessionRedirect}
                     >
-                      <Tooltip
-                        content={t`Sign in with GitHub Organizations`}
-                      >
-                        <GithubIcon size="lg" />
+                      <Tooltip content={t`Sign in with GitHub Organizations`}>
+                        <GithubIcon size={24} data-original-icon="GithubIcon" />
                       </Tooltip>
                     </LoginMainFooterLinksItem>
                   );
@@ -295,7 +291,7 @@ function AWXLogin({ alt, isAuthenticated }) {
                       onClick={setSessionRedirect}
                     >
                       <Tooltip content={t`Sign in with GitHub Teams`}>
-                        <GithubIcon size="lg" />
+                        <GithubIcon size={24} data-original-icon="GithubIcon" />
                       </Tooltip>
                     </LoginMainFooterLinksItem>
                   );
@@ -308,10 +304,8 @@ function AWXLogin({ alt, isAuthenticated }) {
                       key={authKey}
                       onClick={setSessionRedirect}
                     >
-                      <Tooltip
-                        content={t`Sign in with GitHub Enterprise`}
-                      >
-                        <GithubIcon size="lg" />
+                      <Tooltip content={t`Sign in with GitHub Enterprise`}>
+                        <GithubIcon size={24} data-original-icon="GithubIcon" />
                       </Tooltip>
                     </LoginMainFooterLinksItem>
                   );
@@ -327,7 +321,7 @@ function AWXLogin({ alt, isAuthenticated }) {
                       <Tooltip
                         content={t`Sign in with GitHub Enterprise Organizations`}
                       >
-                        <GithubIcon size="lg" />
+                        <GithubIcon size={24} data-original-icon="GithubIcon" />
                       </Tooltip>
                     </LoginMainFooterLinksItem>
                   );
@@ -343,7 +337,7 @@ function AWXLogin({ alt, isAuthenticated }) {
                       <Tooltip
                         content={t`Sign in with GitHub Enterprise Teams`}
                       >
-                        <GithubIcon size="lg" />
+                        <GithubIcon size={24} data-original-icon="GithubIcon" />
                       </Tooltip>
                     </LoginMainFooterLinksItem>
                   );
@@ -357,7 +351,7 @@ function AWXLogin({ alt, isAuthenticated }) {
                       onClick={setSessionRedirect}
                     >
                       <Tooltip content={t`Sign in with Google`}>
-                        <GoogleIcon size="lg" />
+                        <GoogleIcon size={24} data-original-icon="GoogleIcon" />
                       </Tooltip>
                     </LoginMainFooterLinksItem>
                   );
@@ -371,7 +365,10 @@ function AWXLogin({ alt, isAuthenticated }) {
                       onClick={setSessionRedirect}
                     >
                       <Tooltip content={t`Sign in with OIDC`}>
-                        <UserCircleIcon size="lg" />
+                        <UserCircleIcon
+                          size={24}
+                          data-original-icon="UserCircleIcon"
+                        />
                       </Tooltip>
                     </LoginMainFooterLinksItem>
                   );
@@ -392,7 +389,10 @@ function AWXLogin({ alt, isAuthenticated }) {
                             : t`Sign in with SAML`
                         }
                       >
-                        <UserCircleIcon size="lg" />
+                        <UserCircleIcon
+                          size={24}
+                          data-original-icon="UserCircleIcon"
+                        />
                       </Tooltip>
                     </LoginMainFooterLinksItem>
                   );
diff --git a/awx/ui/src/screens/ManagementJob/ManagementJob.js b/awx/ui/src/screens/ManagementJob/ManagementJob.js
index bdf0ce02..8aebceba 100644
--- a/awx/ui/src/screens/ManagementJob/ManagementJob.js
+++ b/awx/ui/src/screens/ManagementJob/ManagementJob.js
@@ -10,7 +10,7 @@ import {
 } from 'react-router-dom';
 
 import { useLingui } from '@lingui/react/macro';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 
 import { SystemJobTemplatesAPI, OrganizationsAPI } from 'api';
@@ -95,7 +95,7 @@ function ManagementJob({ setBreadcrumb }) {
       link: basePath,
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to management jobs`}
         </>
       ),
@@ -132,9 +132,7 @@ function ManagementJob({ setBreadcrumb }) {
             {error?.response?.status === 404 && (
               <span>
                 {t`Management job not found.`}
-                <Link to={basePath}>
-                  {t`View all management jobs`}
-                </Link>
+                <Link to={basePath}>{t`View all management jobs`}</Link>
               </span>
             )}
           </ContentError>
diff --git a/awx/ui/src/screens/ManagementJob/ManagementJobList/LaunchManagementPrompt.js b/awx/ui/src/screens/ManagementJob/ManagementJobList/LaunchManagementPrompt.js
index 04fd0b0b..6d9a33fa 100644
--- a/awx/ui/src/screens/ManagementJob/ManagementJobList/LaunchManagementPrompt.js
+++ b/awx/ui/src/screens/ManagementJob/ManagementJobList/LaunchManagementPrompt.js
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { useLingui } from '@lingui/react/macro';
 import { Button, TextInput, Tooltip } from '@patternfly/react-core';
-import { RocketIcon } from '@patternfly/react-icons';
+import { LucideIconRocket as RocketIcon } from '@ctrliq/quantic-react';
 
 import AlertModal from 'components/AlertModal';
 
@@ -36,7 +36,7 @@ function LaunchManagementPrompt({
           onClick={onClick}
           isDisabled={isLoading}
         >
-          <RocketIcon />
+          <RocketIcon size={16} data-original-icon="RocketIcon" />
         </Button>
       </Tooltip>
       <AlertModal
diff --git a/awx/ui/src/screens/ManagementJob/ManagementJobList/ManagementJobListItem.js b/awx/ui/src/screens/ManagementJob/ManagementJobList/ManagementJobListItem.js
index a5026eea..75538bd4 100644
--- a/awx/ui/src/screens/ManagementJob/ManagementJobList/ManagementJobListItem.js
+++ b/awx/ui/src/screens/ManagementJob/ManagementJobList/ManagementJobListItem.js
@@ -4,7 +4,7 @@ import { useLingui } from '@lingui/react/macro';
 import { Link, useHistory } from 'react-router-dom';
 import { Button, Tooltip } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
-import { RocketIcon } from '@patternfly/react-icons';
+import { LucideIconRocket as RocketIcon } from '@ctrliq/quantic-react';
 
 import { SystemJobTemplatesAPI } from 'api';
 import AlertModal from 'components/AlertModal';
@@ -96,7 +96,7 @@ function ManagementJobListItem({
                       onClick={handleLaunch}
                       isDisabled={isLaunchLoading}
                     >
-                      <RocketIcon />
+                      <RocketIcon size={16} data-original-icon="RocketIcon" />
                     </Button>
                   </Tooltip>
                 )}{' '}
diff --git a/awx/ui/src/screens/NotificationTemplate/NotificationTemplate.js b/awx/ui/src/screens/NotificationTemplate/NotificationTemplate.js
index 6b7b9610..34fa16f9 100644
--- a/awx/ui/src/screens/NotificationTemplate/NotificationTemplate.js
+++ b/awx/ui/src/screens/NotificationTemplate/NotificationTemplate.js
@@ -1,7 +1,7 @@
 import React, { useEffect, useCallback } from 'react';
 import { useLingui } from '@lingui/react/macro';
 import { Card, PageSection } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import {
   Link,
   Switch,
@@ -72,7 +72,7 @@ function NotificationTemplate({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Notifications`}
         </>
       ),
diff --git a/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js b/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js
index 42527f81..c1d113b4 100644
--- a/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js
+++ b/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js
@@ -4,7 +4,7 @@ import { useLingui } from '@lingui/react/macro';
 import { Link } from 'react-router-dom';
 import { Button } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
-import { PencilAltIcon, BellIcon } from '@patternfly/react-icons';
+import { LucideIconPencil, LucideIconBell } from '@ctrliq/quantic-react';
 import { ActionsTd, ActionItem, TdBreakWord } from 'components/PaginatedTable';
 import { timeOfDay } from 'util/dates';
 import { NotificationTemplatesAPI, NotificationsAPI } from 'api';
@@ -137,7 +137,7 @@ function NotificationTemplateListItem({
               onClick={sendTestNotification}
               isDisabled={isLoading || status === 'running'}
             >
-              <BellIcon />
+              <LucideIconBell data-original-icon="BellIcon" />
             </Button>
           </ActionItem>
           <ActionItem
@@ -151,7 +151,7 @@ function NotificationTemplateListItem({
               component={Link}
               to={`/notification_templates/${template.id}/edit`}
             >
-              <PencilAltIcon />
+              <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
             </Button>
           </ActionItem>
           <ActionItem
diff --git a/awx/ui/src/screens/Organization/Organization.js b/awx/ui/src/screens/Organization/Organization.js
index d074e331..f365a4fb 100644
--- a/awx/ui/src/screens/Organization/Organization.js
+++ b/awx/ui/src/screens/Organization/Organization.js
@@ -9,7 +9,7 @@ import {
   useParams,
   useRouteMatch,
 } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 import useRequest from 'hooks/useRequest';
 import RoutedTabs from 'components/RoutedTabs';
@@ -112,7 +112,7 @@ function Organization({ setBreadcrumb, me }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Organizations`}
         </>
       ),
@@ -152,9 +152,7 @@ function Organization({ setBreadcrumb, me }) {
             {organizationError.response.status === 404 && (
               <span>
                 {t`Organization not found.`}{' '}
-                <Link to="/organizations">
-                  {t`View all Organizations.`}
-                </Link>
+                <Link to="/organizations">{t`View all Organizations.`}</Link>
               </span>
             )}
           </ContentError>
diff --git a/awx/ui/src/screens/Organization/OrganizationList/OrganizationListItem.js b/awx/ui/src/screens/Organization/OrganizationList/OrganizationListItem.js
index 86443d38..c84234c6 100644
--- a/awx/ui/src/screens/Organization/OrganizationList/OrganizationListItem.js
+++ b/awx/ui/src/screens/Organization/OrganizationList/OrganizationListItem.js
@@ -5,15 +5,12 @@ import { Button, Tooltip } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
 import { Link } from 'react-router-dom';
 import styled from 'styled-components';
-import {
-  ExclamationTriangleIcon as PFExclamationTriangleIcon,
-  PencilAltIcon,
-} from '@patternfly/react-icons';
+import { LucideIconCircleAlert, LucideIconPencil } from '@ctrliq/quantic-react';
 import { ActionsTd, ActionItem, TdBreakWord } from 'components/PaginatedTable';
 
 import { Organization } from 'types';
 
-const ExclamationTriangleIcon = styled(PFExclamationTriangleIcon)`
+const StyledTriangleAlert = styled(LucideIconCircleAlert)`
   color: var(--pf-global--warning-color--100);
   margin-left: 18px;
 `;
@@ -55,7 +52,7 @@ function OrganizationListItem({
               content={t`Custom virtual environment ${organization.custom_virtualenv} must be replaced by an execution environment.`}
               position="right"
             >
-              <ExclamationTriangleIcon />
+              <StyledTriangleAlert data-original-icon="ExclamationTriangleIcon" />
             </Tooltip>
           </span>
         )}
@@ -78,7 +75,7 @@ function OrganizationListItem({
             component={Link}
             to={`/organizations/${organization.id}/edit`}
           >
-            <PencilAltIcon />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
           </Button>
         </ActionItem>
       </ActionsTd>
diff --git a/awx/ui/src/screens/Organization/OrganizationTeams/OrganizationTeamListItem.js b/awx/ui/src/screens/Organization/OrganizationTeams/OrganizationTeamListItem.js
index 8ac2358d..aa0a9a2b 100644
--- a/awx/ui/src/screens/Organization/OrganizationTeams/OrganizationTeamListItem.js
+++ b/awx/ui/src/screens/Organization/OrganizationTeams/OrganizationTeamListItem.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import { Button } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
 import { useLingui } from '@lingui/react/macro';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 import { ActionsTd, ActionItem } from 'components/PaginatedTable';
 
 function OrganizationTeamListItem({ team, detailUrl }) {
@@ -29,7 +29,7 @@ function OrganizationTeamListItem({ team, detailUrl }) {
             component={Link}
             to={`${detailUrl}/edit`}
           >
-            <PencilAltIcon />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
           </Button>
         </ActionItem>
       </ActionsTd>
diff --git a/awx/ui/src/screens/Project/Project.js b/awx/ui/src/screens/Project/Project.js
index 24fb1009..16b743e4 100644
--- a/awx/ui/src/screens/Project/Project.js
+++ b/awx/ui/src/screens/Project/Project.js
@@ -8,7 +8,7 @@ import {
   useParams,
   useLocation,
 } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 import { useConfig } from 'contexts/Config';
 import useRequest from 'hooks/useRequest';
@@ -93,7 +93,7 @@ function Project({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Projects`}
         </>
       ),
diff --git a/awx/ui/src/screens/Project/ProjectList/ProjectListItem.js b/awx/ui/src/screens/Project/ProjectList/ProjectListItem.js
index 692ce756..68c19671 100644
--- a/awx/ui/src/screens/Project/ProjectList/ProjectListItem.js
+++ b/awx/ui/src/screens/Project/ProjectList/ProjectListItem.js
@@ -6,10 +6,10 @@ import { Tr, Td, ExpandableRowContent } from '@patternfly/react-table';
 import { useLingui } from '@lingui/react/macro';
 import { Link } from 'react-router-dom';
 import {
-  PencilAltIcon,
-  ExclamationTriangleIcon as PFExclamationTriangleIcon,
-  UndoIcon,
-} from '@patternfly/react-icons';
+  LucideIconPencil,
+  LucideIconCircleAlert,
+  LucideIconUndo_2,
+} from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 import { ActionsTd, ActionItem, TdBreakWord } from 'components/PaginatedTable';
 import { formatDateString, timeOfDay } from 'util/dates';
@@ -28,7 +28,7 @@ const Label = styled.span`
   color: var(--pf-global--disabled-color--100);
 `;
 
-const ExclamationTriangleIcon = styled(PFExclamationTriangleIcon)`
+const StyledTriangleAlert = styled(LucideIconCircleAlert)`
   color: var(--pf-global--warning-color--100);
   margin-left: 18px;
 `;
@@ -138,7 +138,7 @@ function ProjectListItem({
             variant="plain"
             onClick={() => onRefreshRow(project.id)}
           >
-            <UndoIcon />
+            <LucideIconUndo_2 data-original-icon="UndoIcon" />
           </Button>
         </Tooltip>
       </>
@@ -190,7 +190,7 @@ function ProjectListItem({
                 position="right"
                 className="missing-execution-environment"
               >
-                <ExclamationTriangleIcon />
+                <StyledTriangleAlert data-original-icon="ExclamationTriangleIcon" />
               </Tooltip>
             </span>
           )}
@@ -217,9 +217,7 @@ function ProjectListItem({
           )}
         </Td>
         <Td dataLabel={t`Type`}>
-          {project.scm_type === ''
-            ? t`Manual`
-            : toTitleCase(project.scm_type)}
+          {project.scm_type === '' ? t`Manual` : toTitleCase(project.scm_type)}
         </Td>
         <Td dataLabel={t`Revision`}>{renderRevision()}</Td>
         <ActionsTd dataLabel={t`Actions`}>
@@ -258,7 +256,7 @@ function ProjectListItem({
               component={Link}
               to={`/projects/${project.id}/edit`}
             >
-              <PencilAltIcon />
+              <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
             </Button>
           </ActionItem>
           <ActionItem
diff --git a/awx/ui/src/screens/Project/shared/ProjectSyncButton.js b/awx/ui/src/screens/Project/shared/ProjectSyncButton.js
index 63f0291f..c448cb10 100644
--- a/awx/ui/src/screens/Project/shared/ProjectSyncButton.js
+++ b/awx/ui/src/screens/Project/shared/ProjectSyncButton.js
@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { useRouteMatch } from 'react-router-dom';
 import { Button, Tooltip } from '@patternfly/react-core';
-import { SyncIcon } from '@patternfly/react-icons';
+import { LucideIconRefreshCw as SyncIcon } from '@ctrliq/quantic-react';
 
 import { number } from 'prop-types';
 import { useLingui } from '@lingui/react/macro';
@@ -41,7 +41,7 @@ function ProjectSyncButton({ projectId, lastJobStatus = null }) {
               {match.url.endsWith('/details') ? (
                 t`Sync`
               ) : (
-                <SyncIcon />
+                <SyncIcon size={16} data-original-icon="SyncIcon" />
               )}
             </Button>
           </div>
@@ -54,7 +54,7 @@ function ProjectSyncButton({ projectId, lastJobStatus = null }) {
           isDisabled={isDisabled}
           onClick={handleSync}
         >
-          {match.url.endsWith('/details') ? t`Sync` : <SyncIcon />}
+          {match.url.endsWith('/details') ? t`Sync` : <SyncIcon size={16} data-original-icon="SyncIcon" />}
         </Button>
       )}
       {error && (
diff --git a/awx/ui/src/screens/Setting/AzureAD/AzureADDetail/AzureADDetail.js b/awx/ui/src/screens/Setting/AzureAD/AzureADDetail/AzureADDetail.js
index cf174db5..bad22f8a 100644
--- a/awx/ui/src/screens/Setting/AzureAD/AzureADDetail/AzureADDetail.js
+++ b/awx/ui/src/screens/Setting/AzureAD/AzureADDetail/AzureADDetail.js
@@ -2,8 +2,8 @@ import React, { useEffect, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import { CardBody, CardActionsRow } from 'components/Card';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import ContentLoading from 'components/ContentLoading';
 import ContentError from 'components/ContentError';
 import { DetailList } from 'components/DetailList';
@@ -40,7 +40,7 @@ function AzureADDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/GitHub/GitHubDetail/GitHubDetail.js b/awx/ui/src/screens/Setting/GitHub/GitHubDetail/GitHubDetail.js
index 5016c2fa..531fbf7f 100644
--- a/awx/ui/src/screens/Setting/GitHub/GitHubDetail/GitHubDetail.js
+++ b/awx/ui/src/screens/Setting/GitHub/GitHubDetail/GitHubDetail.js
@@ -2,8 +2,8 @@ import React, { useEffect, useCallback } from 'react';
 import { Link, Redirect, useRouteMatch } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import { CardBody, CardActionsRow } from 'components/Card';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import ContentError from 'components/ContentError';
 import ContentLoading from 'components/ContentLoading';
 import { DetailList } from 'components/DetailList';
@@ -74,7 +74,7 @@ function GitHubDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/GoogleOAuth2/GoogleOAuth2Detail/GoogleOAuth2Detail.js b/awx/ui/src/screens/Setting/GoogleOAuth2/GoogleOAuth2Detail/GoogleOAuth2Detail.js
index 4f642931..81ccbb9d 100644
--- a/awx/ui/src/screens/Setting/GoogleOAuth2/GoogleOAuth2Detail/GoogleOAuth2Detail.js
+++ b/awx/ui/src/screens/Setting/GoogleOAuth2/GoogleOAuth2Detail/GoogleOAuth2Detail.js
@@ -2,8 +2,8 @@ import React, { useEffect, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import { CardBody, CardActionsRow } from 'components/Card';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import ContentLoading from 'components/ContentLoading';
 import ContentError from 'components/ContentError';
 import RoutedTabs from 'components/RoutedTabs';
@@ -40,7 +40,7 @@ function GoogleOAuth2Detail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/Jobs/JobsDetail/JobsDetail.js b/awx/ui/src/screens/Setting/Jobs/JobsDetail/JobsDetail.js
index 522d5904..b92b5dcc 100644
--- a/awx/ui/src/screens/Setting/Jobs/JobsDetail/JobsDetail.js
+++ b/awx/ui/src/screens/Setting/Jobs/JobsDetail/JobsDetail.js
@@ -2,8 +2,8 @@ import React, { useEffect, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import { CardBody, CardActionsRow } from 'components/Card';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import ContentError from 'components/ContentError';
 import ContentLoading from 'components/ContentLoading';
 import { DetailList } from 'components/DetailList';
@@ -54,7 +54,7 @@ function JobsDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/LDAP/LDAPDetail/LDAPDetail.js b/awx/ui/src/screens/Setting/LDAP/LDAPDetail/LDAPDetail.js
index 383c48cf..048a1a0e 100644
--- a/awx/ui/src/screens/Setting/LDAP/LDAPDetail/LDAPDetail.js
+++ b/awx/ui/src/screens/Setting/LDAP/LDAPDetail/LDAPDetail.js
@@ -2,8 +2,8 @@ import React, { useEffect, useCallback } from 'react';
 import { Link, Redirect, useRouteMatch } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import { CardBody, CardActionsRow } from 'components/Card';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import ContentError from 'components/ContentError';
 import ContentLoading from 'components/ContentLoading';
 import { DetailList } from 'components/DetailList';
@@ -91,7 +91,7 @@ function LDAPDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/Logging/LoggingDetail/LoggingDetail.js b/awx/ui/src/screens/Setting/Logging/LoggingDetail/LoggingDetail.js
index 402177d2..79a3f2fb 100644
--- a/awx/ui/src/screens/Setting/Logging/LoggingDetail/LoggingDetail.js
+++ b/awx/ui/src/screens/Setting/Logging/LoggingDetail/LoggingDetail.js
@@ -3,8 +3,8 @@ import { Link } from 'react-router-dom';
 
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import { CardBody, CardActionsRow } from 'components/Card';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import ContentLoading from 'components/ContentLoading';
 import ContentError from 'components/ContentError';
 import RoutedTabs from 'components/RoutedTabs';
@@ -66,7 +66,7 @@ function LoggingDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/MiscAuthentication/MiscAuthenticationDetail/MiscAuthenticationDetail.js b/awx/ui/src/screens/Setting/MiscAuthentication/MiscAuthenticationDetail/MiscAuthenticationDetail.js
index 060a53ca..8b4448d6 100644
--- a/awx/ui/src/screens/Setting/MiscAuthentication/MiscAuthenticationDetail/MiscAuthenticationDetail.js
+++ b/awx/ui/src/screens/Setting/MiscAuthentication/MiscAuthenticationDetail/MiscAuthenticationDetail.js
@@ -2,8 +2,8 @@ import React, { useEffect, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import { CardBody, CardActionsRow } from 'components/Card';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import ContentLoading from 'components/ContentLoading';
 import ContentError from 'components/ContentError';
 import { DetailList } from 'components/DetailList';
@@ -40,7 +40,7 @@ function MiscAuthenticationDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/MiscSystem/MiscSystemDetail/MiscSystemDetail.js b/awx/ui/src/screens/Setting/MiscSystem/MiscSystemDetail/MiscSystemDetail.js
index c65b15a6..5b5ca301 100644
--- a/awx/ui/src/screens/Setting/MiscSystem/MiscSystemDetail/MiscSystemDetail.js
+++ b/awx/ui/src/screens/Setting/MiscSystem/MiscSystemDetail/MiscSystemDetail.js
@@ -5,8 +5,8 @@ import React, { useEffect, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import { CardBody, CardActionsRow } from 'components/Card';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import CodeDetail from 'components/DetailList/CodeDetail';
 import ContentError from 'components/ContentError';
 import ContentLoading from 'components/ContentLoading';
@@ -81,7 +81,7 @@ function MiscSystemDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/OIDC/OIDCDetail/OIDCDetail.js b/awx/ui/src/screens/Setting/OIDC/OIDCDetail/OIDCDetail.js
index 5c83e317..e4c41122 100644
--- a/awx/ui/src/screens/Setting/OIDC/OIDCDetail/OIDCDetail.js
+++ b/awx/ui/src/screens/Setting/OIDC/OIDCDetail/OIDCDetail.js
@@ -2,8 +2,8 @@ import React, { useEffect, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import { CardBody, CardActionsRow } from 'components/Card';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import ContentLoading from 'components/ContentLoading';
 import ContentError from 'components/ContentError';
 import RoutedTabs from 'components/RoutedTabs';
@@ -40,7 +40,7 @@ function OIDCDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.js b/awx/ui/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.js
index dbe1b2fc..acd06d14 100644
--- a/awx/ui/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.js
+++ b/awx/ui/src/screens/Setting/RADIUS/RADIUSDetail/RADIUSDetail.js
@@ -2,8 +2,8 @@ import React, { useEffect, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button, Alert as PFAlert } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import styled from 'styled-components';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { CardBody, CardActionsRow } from 'components/Card';
 import ContentLoading from 'components/ContentLoading';
 import ContentError from 'components/ContentError';
@@ -45,7 +45,7 @@ function RADIUSDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/SAML/SAMLDetail/SAMLDetail.js b/awx/ui/src/screens/Setting/SAML/SAMLDetail/SAMLDetail.js
index a44ae0a7..1710fda0 100644
--- a/awx/ui/src/screens/Setting/SAML/SAMLDetail/SAMLDetail.js
+++ b/awx/ui/src/screens/Setting/SAML/SAMLDetail/SAMLDetail.js
@@ -2,8 +2,8 @@ import React, { useEffect, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import { CardBody, CardActionsRow } from 'components/Card';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import ContentLoading from 'components/ContentLoading';
 import ContentError from 'components/ContentError';
 import RoutedTabs from 'components/RoutedTabs';
@@ -41,7 +41,7 @@ function SAMLDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/Subscription/SubscriptionDetail/SubscriptionDetail.js b/awx/ui/src/screens/Setting/Subscription/SubscriptionDetail/SubscriptionDetail.js
index 5c2764cc..ef14864a 100644
--- a/awx/ui/src/screens/Setting/Subscription/SubscriptionDetail/SubscriptionDetail.js
+++ b/awx/ui/src/screens/Setting/Subscription/SubscriptionDetail/SubscriptionDetail.js
@@ -9,10 +9,10 @@ import {
   Label,
 } from '@patternfly/react-core';
 import {
-  CaretLeftIcon,
-  CheckIcon,
-  ExclamationCircleIcon,
-} from '@patternfly/react-icons';
+  LucideIconChevronLeft,
+  LucideIconCheck,
+  LucideIconCircleAlert,
+} from '@ctrliq/quantic-react';
 import RoutedTabs from 'components/RoutedTabs';
 import { CardBody, CardActionsRow } from 'components/Card';
 import { DetailList, Detail } from 'components/DetailList';
@@ -31,7 +31,7 @@ function SubscriptionDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
@@ -65,7 +65,11 @@ function SubscriptionDetail() {
               value={
                 license_info.compliant ? (
                   <>
-                    <Label variant="outline" color="green" icon={<CheckIcon />}>
+                    <Label
+                      variant="outline"
+                      color="green"
+                      icon={<LucideIconCheck />}
+                    >
                       {t`Compliant`}
                     </Label>
                     <HelperText>
@@ -79,7 +83,7 @@ function SubscriptionDetail() {
                     <Label
                       variant="outline"
                       color="red"
-                      icon={<ExclamationCircleIcon />}
+                      icon={<LucideIconCircleAlert />}
                     >
                       {t`Out of compliance`}
                     </Label>
diff --git a/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionModal.js b/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionModal.js
index df54db37..afc60087 100644
--- a/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionModal.js
+++ b/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionModal.js
@@ -17,8 +17,6 @@ import {
   Thead,
   Tr,
 } from '@patternfly/react-table';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons';
-
 import { ConfigAPI } from 'api';
 import { formatDateString } from 'util/dates';
 import useRequest from 'hooks/useRequest';
@@ -26,6 +24,8 @@ import useSelected from 'hooks/useSelected';
 import ErrorDetail from 'components/ErrorDetail';
 import ContentEmpty from 'components/ContentEmpty';
 import ContentLoading from 'components/ContentLoading';
+import { LucideIconTriangleAlert } from '@ctrliq/quantic-react';
+
 
 function SubscriptionModal({
   subscriptionCreds = {},
@@ -111,7 +111,7 @@ function SubscriptionModal({
       {isLoading && <ContentLoading />}
       {!isLoading && error && (
         <EmptyState variant="full">
-          <EmptyStateIcon icon={ExclamationTriangleIcon} />
+          <EmptyStateIcon icon={LucideIconTriangleAlert} />
           <Title size="lg" headingLevel="h3">
             <Trans>No subscriptions found</Trans>
           </Title>
diff --git a/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionStep.js b/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionStep.js
index 0ae55a95..6ab3022f 100644
--- a/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionStep.js
+++ b/awx/ui/src/screens/Setting/Subscription/SubscriptionEdit/SubscriptionStep.js
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 
 import { useField, useFormikContext } from 'formik';
 import styled from 'styled-components';
-import { TimesIcon } from '@patternfly/react-icons';
+import { LucideIconX } from '@ctrliq/quantic-react';
 import {
   Button,
   Divider,
@@ -259,7 +259,7 @@ function SubscriptionStep() {
                     aria-label={t`Clear subscription selection`}
                     ouiaId="clear-subscription-selection"
                   >
-                    <TimesIcon />
+                    <LucideIconX />
                   </Button>
                 </Tooltip>
               </FlexItem>
diff --git a/awx/ui/src/screens/Setting/TACACS/TACACSDetail/TACACSDetail.js b/awx/ui/src/screens/Setting/TACACS/TACACSDetail/TACACSDetail.js
index eb7e7e06..13bac8e3 100644
--- a/awx/ui/src/screens/Setting/TACACS/TACACSDetail/TACACSDetail.js
+++ b/awx/ui/src/screens/Setting/TACACS/TACACSDetail/TACACSDetail.js
@@ -2,8 +2,8 @@ import React, { useEffect, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button, Alert as PFAlert } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import styled from 'styled-components';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { CardBody, CardActionsRow } from 'components/Card';
 import ContentLoading from 'components/ContentLoading';
 import ContentError from 'components/ContentError';
@@ -45,7 +45,7 @@ function TACACSDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/Troubleshooting/TroubleshootingDetail/TroubleshootingDetail.js b/awx/ui/src/screens/Setting/Troubleshooting/TroubleshootingDetail/TroubleshootingDetail.js
index fe0377fa..b13fc2fe 100644
--- a/awx/ui/src/screens/Setting/Troubleshooting/TroubleshootingDetail/TroubleshootingDetail.js
+++ b/awx/ui/src/screens/Setting/Troubleshooting/TroubleshootingDetail/TroubleshootingDetail.js
@@ -2,8 +2,8 @@ import React, { useEffect, useCallback } from 'react';
 import { Link } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import { CardBody, CardActionsRow } from 'components/Card';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import ContentError from 'components/ContentError';
 import ContentLoading from 'components/ContentLoading';
 import { DetailList } from 'components/DetailList';
@@ -50,7 +50,7 @@ function TroubleshootingDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/UI/UIDetail/UIDetail.js b/awx/ui/src/screens/Setting/UI/UIDetail/UIDetail.js
index 32511a42..e6a6cb34 100644
--- a/awx/ui/src/screens/Setting/UI/UIDetail/UIDetail.js
+++ b/awx/ui/src/screens/Setting/UI/UIDetail/UIDetail.js
@@ -2,8 +2,8 @@ import React, { useEffect, useCallback } from 'react';
 import { Link, useHistory, useLocation } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
 import { CardBody, CardActionsRow } from 'components/Card';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import ContentLoading from 'components/ContentLoading';
 import ContentError from 'components/ContentError';
 import RoutedTabs from 'components/RoutedTabs';
@@ -57,7 +57,7 @@ function UIDetail() {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Settings`}
         </>
       ),
diff --git a/awx/ui/src/screens/Setting/shared/SharedFields.js b/awx/ui/src/screens/Setting/shared/SharedFields.js
index 38016d0f..d5bd60f3 100644
--- a/awx/ui/src/screens/Setting/shared/SharedFields.js
+++ b/awx/ui/src/screens/Setting/shared/SharedFields.js
@@ -13,8 +13,6 @@ import {
   Tooltip,
   ButtonVariant,
 } from '@patternfly/react-core';
-import FileUploadIcon from '@patternfly/react-icons/dist/js/icons/file-upload-icon';
-import { ExclamationCircleIcon as PFExclamationCircleIcon } from '@patternfly/react-icons';
 import styled from 'styled-components';
 import AnsibleSelect from 'components/AnsibleSelect';
 import { ExecutionEnvironmentLookup } from 'components/Lookup';
@@ -25,8 +23,9 @@ import Popover from 'components/Popover';
 import { combine, minMaxValue, required, url, number } from 'util/validators';
 import AlertModal from 'components/AlertModal';
 import RevertButton from './RevertButton';
+import { LucideIconUpload, LucideIconCircleAlert } from '@ctrliq/quantic-react';
 
-const ExclamationCircleIcon = styled(PFExclamationCircleIcon)`
+const ExclamationCircleIcon = styled(LucideIconCircleAlert)`
   && {
     color: var(--pf-global--danger-color--100);
   }
@@ -556,7 +555,7 @@ const FileUploadField = ({
                   width="200px"
                 />
               ) : (
-                <FileUploadIcon size="lg" />
+                <LucideIconUpload size="md" />
               )}
             </FileUploadIconWrapper>
           )}
diff --git a/awx/ui/src/screens/SubscriptionUsage/SubscriptionUsage.js b/awx/ui/src/screens/SubscriptionUsage/SubscriptionUsage.js
index 134a10b0..4bbd051a 100644
--- a/awx/ui/src/screens/SubscriptionUsage/SubscriptionUsage.js
+++ b/awx/ui/src/screens/SubscriptionUsage/SubscriptionUsage.js
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 import { Trans, useLingui } from '@lingui/react/macro';
 import { Banner, Card, PageSection } from '@patternfly/react-core';
-import { InfoCircleIcon } from '@patternfly/react-icons';
+import { LucideIconInfo as InfoCircleIcon } from '@ctrliq/quantic-react';
 
 import { useConfig } from 'contexts/Config';
 import useBrandName from 'hooks/useBrandName';
@@ -29,7 +29,7 @@ function SubscriptionUsage() {
         <Banner variant="info">
           <Trans>
             <p>
-              <InfoCircleIcon /> A tech preview of the new {brandName} user
+              <InfoCircleIcon size={16} data-original-icon="InfoCircleIcon" /> A tech preview of the new {brandName} user
               interface can be found <a href="/ui_next">here</a>.
             </p>
           </Trans>
diff --git a/awx/ui/src/screens/Team/Team.js b/awx/ui/src/screens/Team/Team.js
index 84b44b64..d93b4c06 100644
--- a/awx/ui/src/screens/Team/Team.js
+++ b/awx/ui/src/screens/Team/Team.js
@@ -9,7 +9,7 @@ import {
   useLocation,
   useParams,
 } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 import { Config } from 'contexts/Config';
 import RoutedTabs from 'components/RoutedTabs';
@@ -47,7 +47,7 @@ function Team({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Teams`}
         </>
       ),
diff --git a/awx/ui/src/screens/Team/TeamList/TeamListItem.js b/awx/ui/src/screens/Team/TeamList/TeamListItem.js
index 4e9a9cf7..26b2aea6 100644
--- a/awx/ui/src/screens/Team/TeamList/TeamListItem.js
+++ b/awx/ui/src/screens/Team/TeamList/TeamListItem.js
@@ -6,7 +6,7 @@ import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
 import { Link } from 'react-router-dom';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 import { ActionsTd, ActionItem, TdBreakWord } from 'components/PaginatedTable';
 import { Team } from 'types';
 
@@ -57,7 +57,7 @@ function TeamListItem({ team, isSelected, onSelect, detailUrl, rowIndex }) {
             component={Link}
             to={`/teams/${team.id}/edit`}
           >
-            <PencilAltIcon />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
           </Button>
         </ActionItem>
       </ActionsTd>
diff --git a/awx/ui/src/screens/Team/TeamRoles/TeamRolesList.js b/awx/ui/src/screens/Team/TeamRoles/TeamRolesList.js
index 8f447d6d..7ca1b8da 100644
--- a/awx/ui/src/screens/Team/TeamRoles/TeamRolesList.js
+++ b/awx/ui/src/screens/Team/TeamRoles/TeamRolesList.js
@@ -8,7 +8,6 @@ import {
   EmptyStateIcon,
   Title,
 } from '@patternfly/react-core';
-import { CubesIcon } from '@patternfly/react-icons';
 import { TeamsAPI, RolesAPI, UsersAPI } from 'api';
 import useRequest, { useDeleteItems } from 'hooks/useRequest';
 import DataListToolbar from 'components/DataListToolbar';
@@ -23,6 +22,8 @@ import ErrorDetail from 'components/ErrorDetail';
 import AlertModal from 'components/AlertModal';
 import UserAndTeamAccessAdd from 'components/UserAndTeamAccessAdd/UserAndTeamAccessAdd';
 import TeamRoleListItem from './TeamRoleListItem';
+import { LucideIconBox as CubesIcon } from '@ctrliq/quantic-react';
+
 
 const QS_CONFIG = getQSConfig('roles', {
   page: 1,
@@ -124,7 +125,7 @@ function TeamRolesList({ me, team }) {
   if (isSysAdmin) {
     return (
       <EmptyState variant="full">
-        <EmptyStateIcon icon={CubesIcon} />
+        <EmptyStateIcon icon={() => <CubesIcon size={64} data-original-icon="CubesIcon" />} />
         <Title headingLevel="h5" size="lg">
           {t`System Administrator`}
         </Title>
diff --git a/awx/ui/src/screens/Template/Survey/MultipleChoiceField.js b/awx/ui/src/screens/Template/Survey/MultipleChoiceField.js
index f08815d1..ba10b4cb 100644
--- a/awx/ui/src/screens/Template/Survey/MultipleChoiceField.js
+++ b/awx/ui/src/screens/Template/Survey/MultipleChoiceField.js
@@ -7,7 +7,7 @@ import {
   Button,
   InputGroup as PFInputGroup,
 } from '@patternfly/react-core';
-import PFCheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
+import { LucideIconCheck } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 import Popover from 'components/Popover';
 
@@ -19,7 +19,7 @@ const HelperTextWrapper = styled.div`
   font-size: var(--pf-c-form__label--FontSize);
 `;
 
-const CheckIcon = styled(PFCheckIcon)`
+const CheckIcon = styled(LucideIconCheck)`
   color: var(--pf-c-button--m-plain--disabled--Color);
   ${(props) =>
     props.selected && `color: var(--pf-c-button--m-secondary--active--Color)`};
@@ -148,7 +148,7 @@ choice per line.`}
                 : formattedChoicesHelpers.setValue(newValues);
             }}
           >
-            <CheckIcon selected={isDefault} />
+            <CheckIcon selected={isDefault} size={16} data-original-icon="CheckIcon" />
           </Button>
         </InputGroup>
       ))}
diff --git a/awx/ui/src/screens/Template/Survey/SurveyListItem.js b/awx/ui/src/screens/Template/Survey/SurveyListItem.js
index 23324e8b..6dce3543 100644
--- a/awx/ui/src/screens/Template/Survey/SurveyListItem.js
+++ b/awx/ui/src/screens/Template/Survey/SurveyListItem.js
@@ -5,7 +5,7 @@ import { Chip, Tooltip, Button } from '@patternfly/react-core';
 import { useLingui } from '@lingui/react/macro';
 
 import { Tr, Td } from '@patternfly/react-table';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil as PencilAltIcon } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 import ChipGroup from 'components/ChipGroup';
 import { ActionItem, ActionsTd } from 'components/PaginatedTable';
@@ -99,7 +99,7 @@ function SurveyListItem({ canEdit, question, isChecked, onSelect, rowIndex }) {
                 question.variable
               )}`}
             >
-              <PencilAltIcon />
+              <PencilAltIcon size={16} data-original-icon="PencilAltIcon" />
             </Button>
           </Tooltip>
         </ActionItem>
diff --git a/awx/ui/src/screens/Template/Survey/SurveyReorderModal.js b/awx/ui/src/screens/Template/Survey/SurveyReorderModal.js
index a704ac9e..8d834682 100644
--- a/awx/ui/src/screens/Template/Survey/SurveyReorderModal.js
+++ b/awx/ui/src/screens/Template/Survey/SurveyReorderModal.js
@@ -1,6 +1,6 @@
 import React, { useState, useRef } from 'react';
 import { useLingui } from '@lingui/react/macro';
-import { GripVerticalIcon } from '@patternfly/react-icons';
+import { LucideIconGripVertical as GripVerticalIcon } from '@ctrliq/quantic-react';
 import {
   Modal,
   TextInput,
@@ -238,7 +238,7 @@ function SurveyReorderModal({
             >
               <Td dataLabel={t`Order`}>
                 <Button variant="plain">
-                  <GripVerticalIcon />
+                  <GripVerticalIcon size={16} data-original-icon="GripVerticalIcon" />
                 </Button>
               </Td>
               <Td dataLabel={t`Name`} aria-label={q.question_name}>
diff --git a/awx/ui/src/screens/Template/Template.js b/awx/ui/src/screens/Template/Template.js
index 4df4907a..53564770 100644
--- a/awx/ui/src/screens/Template/Template.js
+++ b/awx/ui/src/screens/Template/Template.js
@@ -1,7 +1,7 @@
 import React, { useEffect, useCallback } from 'react';
 import { useLingui } from '@lingui/react/macro';
 
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 import {
   Switch,
@@ -125,7 +125,7 @@ function Template({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Templates`}
         </>
       ),
@@ -157,9 +157,7 @@ function Template({ setBreadcrumb }) {
       link: `${match.url}/jobs`,
     },
     {
-      name: canAddAndEditSurvey
-        ? t`Survey`
-        : t`View Survey`,
+      name: canAddAndEditSurvey ? t`Survey` : t`View Survey`,
       link: `${match.url}/survey`,
     }
   );
diff --git a/awx/ui/src/screens/Template/WorkflowJobTemplate.js b/awx/ui/src/screens/Template/WorkflowJobTemplate.js
index 9d0b83b5..aa7c41f1 100644
--- a/awx/ui/src/screens/Template/WorkflowJobTemplate.js
+++ b/awx/ui/src/screens/Template/WorkflowJobTemplate.js
@@ -1,7 +1,7 @@
 import React, { useEffect, useCallback } from 'react';
 import { useLingui } from '@lingui/react/macro';
 
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 import {
   Switch,
@@ -106,7 +106,7 @@ function WorkflowJobTemplate({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Templates`}
         </>
       ),
@@ -142,9 +142,7 @@ function WorkflowJobTemplate({ setBreadcrumb }) {
       link: `${match.url}/jobs`,
     },
     {
-      name: canAddAndEditSurvey
-        ? t`Survey`
-        : t`View Survey`,
+      name: canAddAndEditSurvey ? t`Survey` : t`View Survey`,
       link: `${match.url}/survey`,
     }
   );
diff --git a/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeTypeStep/JobTemplatesList.js b/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeTypeStep/JobTemplatesList.js
index 9353449b..b472f017 100644
--- a/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeTypeStep/JobTemplatesList.js
+++ b/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeTypeStep/JobTemplatesList.js
@@ -3,7 +3,7 @@ import { useLocation } from 'react-router-dom';
 
 import { useLingui } from '@lingui/react/macro';
 import { Popover } from '@patternfly/react-core';
-import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
+import { LucideIconCircleHelp as OutlinedQuestionCircleIcon } from '@ctrliq/quantic-react';
 import { func, shape } from 'prop-types';
 import { JobTemplatesAPI } from 'api';
 import { getQSConfig, parseQueryString } from 'util/qs';
@@ -141,7 +141,7 @@ function JobTemplatesList({ nodeResource, onUpdateNodeResource }) {
                 id={`item-${item.id}-info-popover`}
                 position="right"
               >
-                <OutlinedQuestionCircleIcon />
+                <OutlinedQuestionCircleIcon size={16} data-original-icon="OutlinedQuestionCircleIcon" />
               </Popover>
             </ActionItem>,
           ]}
diff --git a/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerLink.js b/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerLink.js
index e494ae94..da7d601c 100644
--- a/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerLink.js
+++ b/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerLink.js
@@ -3,7 +3,11 @@ import styled from 'styled-components';
 
 import { useLingui } from '@lingui/react/macro';
 import { bool, func, shape } from 'prop-types';
-import { PencilAltIcon, PlusIcon, TrashAltIcon } from '@patternfly/react-icons';
+import {
+  LucideIconPencil as PencilAltIcon,
+  LucideIconPlus as PlusIcon,
+  LucideIconTrash as TrashAltIcon,
+} from '@ctrliq/quantic-react';
 import {
   WorkflowDispatchContext,
   WorkflowStateContext,
@@ -51,7 +55,7 @@ function VisualizerLink({ link, updateLinkHelp, readOnly, updateHelpText }) {
       }
       onMouseLeave={() => updateHelpText(null)}
     >
-      <PlusIcon />
+      <PlusIcon size={16} data-original-icon="PlusIcon" />
     </WorkflowActionTooltipItem>
   );
 
@@ -71,7 +75,7 @@ function VisualizerLink({ link, updateLinkHelp, readOnly, updateHelpText }) {
             onMouseEnter={() => updateHelpText(t`Edit this link`)}
             onMouseLeave={() => updateHelpText(null)}
           >
-            <PencilAltIcon />
+            <PencilAltIcon size={16} data-original-icon="PencilAltIcon" />
           </WorkflowActionTooltipItem>,
           <WorkflowActionTooltipItem
             id="link-delete"
@@ -84,7 +88,7 @@ function VisualizerLink({ link, updateLinkHelp, readOnly, updateHelpText }) {
             onMouseEnter={() => updateHelpText(t`Delete this link`)}
             onMouseLeave={() => updateHelpText(null)}
           >
-            <TrashAltIcon />
+            <TrashAltIcon size={16} data-original-icon="TrashAltIcon" />
           </WorkflowActionTooltipItem>,
         ];
 
diff --git a/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerNode.js b/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerNode.js
index 3e42c62c..2f3b6960 100644
--- a/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerNode.js
+++ b/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerNode.js
@@ -3,12 +3,12 @@ import styled from 'styled-components';
 import { useLingui } from '@lingui/react/macro';
 import { bool, func, shape } from 'prop-types';
 import {
-  InfoIcon,
-  LinkIcon,
-  PencilAltIcon,
-  PlusIcon,
-  TrashAltIcon,
-} from '@patternfly/react-icons';
+  LucideIconInfo as InfoIcon,
+  LucideIconLink as LinkIcon,
+  LucideIconPencil as PencilAltIcon,
+  LucideIconPlus as PlusIcon,
+  LucideIconTrash as TrashAltIcon,
+} from '@ctrliq/quantic-react';
 import {
   WorkflowDispatchContext,
   WorkflowStateContext,
@@ -221,7 +221,7 @@ function VisualizerNode({
       onMouseEnter={() => updateHelpText(t`View node details`)}
       onMouseLeave={() => updateHelpText(null)}
     >
-      <InfoIcon />
+      <InfoIcon size={16} data-original-icon="InfoIcon" />
     </WorkflowActionTooltipItem>
   );
 
@@ -239,7 +239,7 @@ function VisualizerNode({
           onMouseEnter={() => updateHelpText(t`Add a new node`)}
           onMouseLeave={() => updateHelpText(null)}
         >
-          <PlusIcon />
+          <PlusIcon size={16} data-original-icon="PlusIcon" />
         </WorkflowActionTooltipItem>,
         viewDetailsAction,
         <WorkflowActionTooltipItem
@@ -249,7 +249,7 @@ function VisualizerNode({
           onMouseEnter={() => updateHelpText(t`Edit this node`)}
           onMouseLeave={() => updateHelpText(null)}
         >
-          <PencilAltIcon />
+          <PencilAltIcon size={16} data-original-icon="PencilAltIcon" />
         </WorkflowActionTooltipItem>,
         <WorkflowActionTooltipItem
           id="node-link"
@@ -259,12 +259,10 @@ function VisualizerNode({
             setHovering(false);
             dispatch({ type: 'SELECT_SOURCE_FOR_LINKING', node });
           }}
-          onMouseEnter={() =>
-            updateHelpText(t`Link to an available node`)
-          }
+          onMouseEnter={() => updateHelpText(t`Link to an available node`)}
           onMouseLeave={() => updateHelpText(null)}
         >
-          <LinkIcon />
+          <LinkIcon size={16} data-original-icon="LinkIcon" />
         </WorkflowActionTooltipItem>,
         <WorkflowActionTooltipItem
           id="node-delete"
@@ -277,7 +275,7 @@ function VisualizerNode({
           onMouseEnter={() => updateHelpText(t`Delete this node`)}
           onMouseLeave={() => updateHelpText(null)}
         >
-          <TrashAltIcon />
+          <TrashAltIcon size={16} data-original-icon="TrashAltIcon" />
         </WorkflowActionTooltipItem>,
       ];
 
diff --git a/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerToolbar.js b/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerToolbar.js
index 787c46e8..d37c0bd5 100644
--- a/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerToolbar.js
+++ b/awx/ui/src/screens/Template/WorkflowJobTemplateVisualizer/VisualizerToolbar.js
@@ -10,13 +10,13 @@ import {
   Tooltip,
 } from '@patternfly/react-core';
 import {
-  BookIcon,
-  CompassIcon,
-  RocketIcon,
-  TimesIcon,
-  TrashAltIcon,
-  WrenchIcon,
-} from '@patternfly/react-icons';
+  LucideIconBook as BookIcon,
+  LucideIconCompass as CompassIcon,
+  LucideIconRocket as RocketIcon,
+  LucideIconX as TimesIcon,
+  LucideIconTrash as TrashAltIcon,
+  LucideIconWrench as WrenchIcon,
+} from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 import { LaunchButton } from 'components/LaunchButton';
 import {
@@ -87,7 +87,7 @@ function VisualizerToolbar({
               onClick={() => dispatch({ type: 'TOGGLE_LEGEND' })}
               variant="plain"
             >
-              <CompassIcon />
+              <CompassIcon size={16} data-original-icon="CompassIcon" />
             </ActionButton>
           </Tooltip>
           <Tooltip content={t`Toggle tools`} position="bottom">
@@ -99,13 +99,10 @@ function VisualizerToolbar({
               onClick={() => dispatch({ type: 'TOGGLE_TOOLS' })}
               variant="plain"
             >
-              <WrenchIcon />
+              <WrenchIcon size={16} data-original-icon="WrenchIcon" />
             </ActionButton>
           </Tooltip>
-          <Tooltip
-            content={t`Workflow documentation`}
-            position="bottom"
-          >
+          <Tooltip content={t`Workflow documentation`} position="bottom">
             <ActionButton
               aria-label={t`Workflow documentation`}
               id="visualizer-documentation"
@@ -117,15 +114,12 @@ function VisualizerToolbar({
                 config
               )}/html/userguide/workflow_templates.html#ug-wf-editor`}
             >
-              <BookIcon />
+              <BookIcon size={16} data-original-icon="BookIcon" />
             </ActionButton>
           </Tooltip>
           {template.summary_fields?.user_capabilities?.start && (
             <Tooltip content={t`Launch workflow`} position="bottom">
-              <LaunchButton
-                resource={template}
-                aria-label={t`Launch workflow`}
-              >
+              <LaunchButton resource={template} aria-label={t`Launch workflow`}>
                 {({ handleLaunch, isLaunching }) => (
                   <ActionButton
                     id="visualizer-launch"
@@ -135,7 +129,7 @@ function VisualizerToolbar({
                     }
                     onClick={handleLaunch}
                   >
-                    <RocketIcon />
+                    <RocketIcon size={16} data-original-icon="RocketIcon" />
                   </ActionButton>
                 )}
               </LaunchButton>
@@ -143,10 +137,7 @@ function VisualizerToolbar({
           )}
           {!readOnly && (
             <>
-              <Tooltip
-                content={t`Delete all nodes`}
-                position="bottom"
-              >
+              <Tooltip content={t`Delete all nodes`} position="bottom">
                 <ActionButton
                   id="visualizer-delete-all"
                   aria-label={t`Delete all nodes`}
@@ -159,7 +150,7 @@ function VisualizerToolbar({
                   }
                   variant="plain"
                 >
-                  <TrashAltIcon />
+                  <TrashAltIcon size={16} data-original-icon="TrashAltIcon" />
                 </ActionButton>
               </Tooltip>
               <Button
@@ -181,7 +172,7 @@ function VisualizerToolbar({
             onClick={onClose}
             variant="plain"
           >
-            <TimesIcon />
+            <TimesIcon size={16} data-original-icon="TimesIcon" />
           </Button>
         </div>
       </div>
diff --git a/awx/ui/src/screens/Template/shared/WebhookSubForm.js b/awx/ui/src/screens/Template/shared/WebhookSubForm.js
index 5e15f4aa..ee815787 100644
--- a/awx/ui/src/screens/Template/shared/WebhookSubForm.js
+++ b/awx/ui/src/screens/Template/shared/WebhookSubForm.js
@@ -1,5 +1,5 @@
 import React, { useEffect, useCallback } from 'react';
-import { SyncAltIcon } from '@patternfly/react-icons';
+import { LucideIconRefreshCw as SyncAltIcon } from '@ctrliq/quantic-react';
 import { useParams, useLocation } from 'react-router-dom';
 import { useLingui } from '@lingui/react/macro';
 
@@ -195,7 +195,7 @@ function WebhookSubForm({ templateType }) {
               aria-label={t`Update webhook key`}
               onClick={changeWebhookKey}
             >
-              <SyncAltIcon />
+              <SyncAltIcon size={16} data-original-icon="SyncAltIcon" />
             </Button>
           </InputGroup>
         </FormGroup>
diff --git a/awx/ui/src/screens/TopologyView/ContentLoading.js b/awx/ui/src/screens/TopologyView/ContentLoading.js
index c024099c..8c702ef6 100644
--- a/awx/ui/src/screens/TopologyView/ContentLoading.js
+++ b/awx/ui/src/screens/TopologyView/ContentLoading.js
@@ -10,15 +10,15 @@ import {
   TextContent,
   TextVariants,
 } from '@patternfly/react-core';
+import { LucideIconNetwork } from '@ctrliq/quantic-react';
 
-import { TopologyIcon as PFTopologyIcon } from '@patternfly/react-icons';
 
 const EmptyState = styled(PFEmptyState)`
   --pf-c-empty-state--m-lg--MaxWidth: none;
   min-height: 250px;
 `;
 
-const TopologyIcon = styled(PFTopologyIcon)`
+const TopologyIcon = styled(LucideIconNetwork)`
   font-size: 3em;
   fill: #6a6e73;
 `;
diff --git a/awx/ui/src/screens/TopologyView/Header.js b/awx/ui/src/screens/TopologyView/Header.js
index 52466706..d2522f23 100644
--- a/awx/ui/src/screens/TopologyView/Header.js
+++ b/awx/ui/src/screens/TopologyView/Header.js
@@ -12,12 +12,12 @@ import {
 } from '@patternfly/react-core';
 
 import {
-  SearchMinusIcon,
-  SearchPlusIcon,
-  ExpandArrowsAltIcon,
-  ExpandIcon,
-  RedoAltIcon,
-} from '@patternfly/react-icons';
+  LucideIconZoomIn as SearchPlusIcon,
+  LucideIconZoomOut as SearchMinusIcon,
+  LucideIconExpand as ExpandIcon,
+  LucideIconRedo as RedoAltIcon,
+  LucideIconFullscreen as ExpandArrowsAltIcon,
+} from '@ctrliq/quantic-react';
 
 const Header = ({
   title,
diff --git a/awx/ui/src/screens/TopologyView/Legend.js b/awx/ui/src/screens/TopologyView/Legend.js
index 55291d07..daccb1e3 100644
--- a/awx/ui/src/screens/TopologyView/Legend.js
+++ b/awx/ui/src/screens/TopologyView/Legend.js
@@ -15,32 +15,37 @@ import {
 } from '@patternfly/react-core';
 
 import {
-  ExclamationIcon,
-  CheckIcon,
-  OutlinedClockIcon,
-  PlusIcon,
-  MinusIcon,
-} from '@patternfly/react-icons';
+  LucideIconTriangleAlert,
+  LucideIconCheck,
+  LucideIconClock,
+  LucideIconPlus,
+  LucideIconMinus,
+} from '@ctrliq/quantic-react';
 
 const Wrapper = styled.div`
   position: absolute;
   left: 0;
-  padding: 0 10px;
+  padding: var(--quantic-spacing-4) var(--quantic-spacing-6);
   min-width: 150px;
-  background-color: rgba(255, 255, 255, 0.85);
+  background-color: var(--quantic-bg-secondary);
+  border-radius: var(--quantic-radius-md);
   overflow: auto;
   height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: var(--quantic-spacing-3);
 `;
+
 const Button = styled(PFButton)`
   &&& {
-    width: 20px;
-    height: 20px;
-    border-radius: 10px;
+    width: var(--quantic-spacing-5);
+    height: var(--quantic-spacing-5);
+    border-radius: var(--quantic-radius-sm);
     padding: 0;
-    font-size: 11px;
-    background-color: white;
-    border: 1px solid #ccc;
-    color: black;
+    font-size: 10px;
+    background-color: var(--quantic-bg-tertiary);
+    line-height: 1;
+    color: var(--quantic-text-primary);
   }
 `;
 const DescriptionListDescription = styled(PFDescriptionListDescription)`
@@ -51,6 +56,11 @@ const DescriptionList = styled(PFDescriptionList)`
 `;
 const DescriptionListGroup = styled(PFDescriptionListGroup)`
   align-items: center;
+
+  .pf-c-button__icon.pf-m-start {
+    margin-right: 0;
+    vertical-align: middle;
+  }
 `;
 const Text = styled(PFText)`
   margin: 10px 0 5px;
@@ -63,7 +73,7 @@ function Legend() {
       <TextContent>
         <Text
           component={TextVariants.small}
-          style={{ fontWeight: 'bold', color: 'black', marginTop: 0 }}
+          style={{ fontWeight: 'bold', marginTop: 0 }}
         >
           {t`Legend`}
         </Text>
@@ -105,43 +115,29 @@ function Legend() {
               h
             </Button>
           </DescriptionListTerm>
-          <DescriptionListDescription>
-            {t`Hop node`}
-          </DescriptionListDescription>
+          <DescriptionListDescription>{t`Hop node`}</DescriptionListDescription>
         </DescriptionListGroup>
       </DescriptionList>
       <TextContent>
-        <Text component={TextVariants.small}>
-          {t`Node state types`}
-        </Text>
+        <Text component={TextVariants.small}>{t`Node state types`}</Text>
       </TextContent>
       <DescriptionList isHorizontal isFluid>
         <DescriptionListGroup>
           <DescriptionListTerm>
             <Button
-              icon={
-                <CheckIcon
-                  style={{ fill: 'white', marginLeft: '2px', marginTop: '3px' }}
-                />
-              }
+              icon={<LucideIconCheck size={16} />}
               isSmall
-              style={{ backgroundColor: '#3E8635' }}
+              style={{ backgroundColor: 'var(--quantic-color-brand-500)' }}
             />
           </DescriptionListTerm>
-          <DescriptionListDescription>
-            {t`Ready`}
-          </DescriptionListDescription>
+          <DescriptionListDescription>{t`Ready`}</DescriptionListDescription>
         </DescriptionListGroup>
         <DescriptionListGroup>
           <DescriptionListTerm>
             <Button
-              icon={
-                <OutlinedClockIcon
-                  style={{ fill: 'white', marginLeft: '3px', marginTop: '3px' }}
-                />
-              }
+              icon={<LucideIconClock size={16} />}
               isSmall
-              style={{ backgroundColor: '#0066CC' }}
+              style={{ backgroundColor: 'var(--quantic-color-gray-blue-500)' }}
             />
           </DescriptionListTerm>
           <DescriptionListDescription>
@@ -151,13 +147,9 @@ function Legend() {
         <DescriptionListGroup>
           <DescriptionListTerm>
             <Button
-              icon={
-                <PlusIcon
-                  style={{ fill: 'white', marginLeft: '3px', marginTop: '3px' }}
-                />
-              }
+              icon={<LucideIconPlus size={16} />}
               isSmall
-              style={{ backgroundColor: '#6A6E73' }}
+              style={{ backgroundColor: 'var(--quantic-bg-tertiary)' }}
             />
           </DescriptionListTerm>
           <DescriptionListDescription>
@@ -167,13 +159,9 @@ function Legend() {
         <DescriptionListGroup>
           <DescriptionListTerm>
             <Button
-              icon={
-                <MinusIcon
-                  style={{ fill: 'white', marginLeft: '3px', marginTop: '3px' }}
-                />
-              }
+              icon={<LucideIconMinus size={16} />}
               isSmall
-              style={{ backgroundColor: '#6A6E73' }}
+              style={{ backgroundColor: 'var(--quantic-bg-tertiary)' }}
             />
           </DescriptionListTerm>
           <DescriptionListDescription>
@@ -183,18 +171,12 @@ function Legend() {
         <DescriptionListGroup>
           <DescriptionListTerm>
             <Button
-              icon={
-                <ExclamationIcon
-                  style={{ fill: 'white', marginLeft: '3px', marginTop: '3px' }}
-                />
-              }
+              icon={<LucideIconTriangleAlert size={16} />}
               isSmall
-              style={{ backgroundColor: '#C9190B' }}
+              style={{ backgroundColor: 'var(--quantic-color-error-700)' }}
             />
           </DescriptionListTerm>
-          <DescriptionListDescription>
-            {t`Error`}
-          </DescriptionListDescription>
+          <DescriptionListDescription>{t`Error`}</DescriptionListDescription>
         </DescriptionListGroup>
         <DescriptionListGroup>
           <DescriptionListTerm>
@@ -212,7 +194,7 @@ function Legend() {
                 y="10"
                 textAnchor="middle"
                 dominantBaseline="central"
-                fill="black"
+                fill="currentColor"
                 fontSize="11px"
                 fontFamily="inherit"
                 fontWeight="400"
@@ -221,9 +203,7 @@ function Legend() {
               </text>
             </svg>
           </DescriptionListTerm>
-          <DescriptionListDescription>
-            {t`Enabled`}
-          </DescriptionListDescription>
+          <DescriptionListDescription>{t`Enabled`}</DescriptionListDescription>
         </DescriptionListGroup>
         <DescriptionListGroup>
           <DescriptionListTerm>
@@ -242,7 +222,7 @@ function Legend() {
                 y="10"
                 textAnchor="middle"
                 dominantBaseline="central"
-                fill="black"
+                fill="currentColor"
                 fontSize="11px"
                 fontFamily="inherit"
                 fontWeight="400"
@@ -251,15 +231,11 @@ function Legend() {
               </text>
             </svg>
           </DescriptionListTerm>
-          <DescriptionListDescription>
-            {t`Disabled`}
-          </DescriptionListDescription>
+          <DescriptionListDescription>{t`Disabled`}</DescriptionListDescription>
         </DescriptionListGroup>
       </DescriptionList>
       <TextContent>
-        <Text component={TextVariants.small}>
-          {t`Link state types`}
-        </Text>
+        <Text component={TextVariants.small}>{t`Link state types`}</Text>
       </TextContent>
       <DescriptionList isHorizontal isFluid>
         <DescriptionListGroup>
@@ -270,7 +246,7 @@ function Legend() {
                 y1="9"
                 x2="20"
                 y2="9"
-                stroke="#6A6E73"
+                stroke="var(--quantic-bg-tertiary)"
                 strokeWidth="4"
               />
             </svg>
@@ -287,15 +263,13 @@ function Legend() {
                 y1="9"
                 x2="20"
                 y2="9"
-                stroke="#3E8635"
+                stroke="var(--quantic-color-brand-500)"
                 strokeWidth="4"
                 strokeDasharray="6"
               />
             </svg>
           </DescriptionListTerm>
-          <DescriptionListDescription>
-            {t`Adding`}
-          </DescriptionListDescription>
+          <DescriptionListDescription>{t`Adding`}</DescriptionListDescription>
         </DescriptionListGroup>
         <DescriptionListGroup>
           <DescriptionListTerm>
@@ -305,15 +279,13 @@ function Legend() {
                 y1="9"
                 x2="20"
                 y2="9"
-                stroke="#C9190B"
+                stroke="var(--quantic-color-error-700)"
                 strokeWidth="4"
                 strokeDasharray="6"
               />
             </svg>
           </DescriptionListTerm>
-          <DescriptionListDescription>
-            {t`Removing`}
-          </DescriptionListDescription>
+          <DescriptionListDescription>{t`Removing`}</DescriptionListDescription>
         </DescriptionListGroup>
       </DescriptionList>
     </Wrapper>
diff --git a/awx/ui/src/screens/TopologyView/MeshGraph.js b/awx/ui/src/screens/TopologyView/MeshGraph.js
index 7c4d2c39..dddc5d6f 100644
--- a/awx/ui/src/screens/TopologyView/MeshGraph.js
+++ b/awx/ui/src/screens/TopologyView/MeshGraph.js
@@ -189,10 +189,22 @@ function MeshGraph({
         .attr('orient', 'auto')
         .append('path')
         .attr('d', 'M0,-5L10,0L0,5');
-      mesh.select('#end').attr('refX', 23).attr('fill', '#6A6E73');
-      mesh.select('#end-removing').attr('refX', 23).attr('fill', '#C9190B');
-      mesh.select('#end-adding').attr('refX', 23).attr('fill', '#3E8635');
-      mesh.select('#end-active').attr('refX', 18).attr('fill', '#0066CC');
+      mesh
+        .select('#end')
+        .attr('refX', 23)
+        .attr('fill', 'var(--quantic-bg-secondary)');
+      mesh
+        .select('#end-removing')
+        .attr('refX', 23)
+        .attr('fill', 'var(--quantic-color-error-800)');
+      mesh
+        .select('#end-adding')
+        .attr('refX', 23)
+        .attr('fill', 'var(--quantic-color-brand-600)');
+      mesh
+        .select('#end-active')
+        .attr('refX', 18)
+        .attr('fill', 'var(--quantic-color-gray-blue-500)');
 
       // Add links
       mesh
@@ -339,7 +351,7 @@ function MeshGraph({
         immediate.forEach((s) => {
           svg
             .selectAll(`.link-${s.index}`)
-            .style('stroke', '#0066CC')
+            .style('stroke', 'var(--quantic-color-gray-blue-500)')
             .style('stroke-width', '3px')
             .attr('marker-end', 'url(#end-active)');
         });
@@ -386,8 +398,8 @@ function MeshGraph({
           .attr('stroke-width', null);
         svg
           .select(`circle.id-${n.id}`)
-          .attr('stroke-width', '5px')
-          .attr('stroke', '#0066CC');
+          .attr('stroke-width', '3px')
+          .attr('stroke', 'var(--quantic-color-brand-500)');
         setIsNodeSelected(true);
         setSelectedNode(n);
       }
diff --git a/awx/ui/src/screens/TopologyView/Tooltip.js b/awx/ui/src/screens/TopologyView/Tooltip.js
index 71e31810..da35ee46 100644
--- a/awx/ui/src/screens/TopologyView/Tooltip.js
+++ b/awx/ui/src/screens/TopologyView/Tooltip.js
@@ -23,7 +23,7 @@ import {
   TextVariants,
   Label,
 } from '@patternfly/react-core';
-import { DownloadIcon } from '@patternfly/react-icons';
+import { LucideIconDownload as DownloadIcon } from '@ctrliq/quantic-react';
 import ContentLoading from 'components/ContentLoading';
 import InstanceToggle from 'components/InstanceToggle';
 import StatusLabel from 'components/StatusLabel';
@@ -34,11 +34,39 @@ import { formatDateString } from 'util/dates';
 const Wrapper = styled.div`
   position: absolute;
   right: 0;
-  padding: 0 10px;
+  padding: var(--quantic-spacing-4) var(--quantic-spacing-6);
   width: 25%;
-  background-color: rgba(255, 255, 255, 0.85);
+  background-color: var(--quantic-bg-secondary);
   overflow: auto;
   height: 100%;
+
+  .pf-c-description-list {
+    --pf-c-description-list__group--RowGap: var(--quantic-spacing-1);
+  }
+  .pf-c-description-list__text {
+    font-size: var(--quantic-font-size-body-xs);
+  }
+
+  .pf-c-switch {
+    --pf-c-switch__toggle--before--BackgroundColor: var(--quantic-bg-tertiary);
+    --pf-c-switch__label--PaddingLeft: var(--quantic-spacing-5);
+    --pf-c-switch__toggle--before--Top: 6px;
+    --pf-c-switch__input--checked__toggle--before--TranslateX: -6px;
+    --pf-c-switch__toggle--before--Width: var(--quantic-spacing-2);
+    --pf-c-switch__toggle--before--Height: var(--quantic-spacing-2);
+  }
+
+  .pf-c-switch__input:checked ~ .pf-c-switch__toggle::before {
+    --pf-c-switch__input--checked__toggle--before--TranslateX: -3px;
+    --pf-c-switch__toggle--before--BackgroundColor: var(
+      --quantic-color-brand-400
+    );
+  }
+
+  .pf-c-switch__label {
+    font-size: var(--quantic-font-size-body-xs);
+    --pf-c-switch__input--checked__label--Color: var(--quantic-text-primary);
+  }
 `;
 const Button = styled(PFButton)`
   &&& {
@@ -48,12 +76,12 @@ const Button = styled(PFButton)`
     padding: 0;
     font-size: 16px;
     background-color: white;
-    border: 1px solid #ccc;
+    border: 1px solid var(--quantic-border-primary);
     color: black;
   }
 `;
 const DescriptionList = styled(PFDescriptionList)`
-  gap: 0;
+  gap: var(--quantic-spacing-2);
 `;
 const DescriptionListGroup = styled(PFDescriptionListGroup)`
   align-items: center;
@@ -89,6 +117,7 @@ function renderInstanceGroups(instanceGroups) {
   return instanceGroups.map((ig) => (
     <React.Fragment key={ig.id}>
       <Label
+        variant="outline"
         color="blue"
         isTruncated
         render={({ className, content, componentRef }) => (
@@ -180,12 +209,7 @@ function Tooltip({
     <Wrapper className="tooltip" data-cy="tooltip">
       {isNodeSelected === false ? (
         <TextContent>
-          <Text
-            component={TextVariants.small}
-            style={{ fontWeight: 'bold', color: 'black', marginTop: 0 }}
-          >
-            {t`Details`}
-          </Text>
+          <Text component={TextVariants.small}>{t`Details`}</Text>
           <Divider component="div" />
           <Text component={TextVariants.small}>
             {t`Click on a node icon to display the details.`}
@@ -206,12 +230,7 @@ function Tooltip({
             </AlertModal>
           )}
           <TextContent>
-            <Text
-              component={TextVariants.small}
-              style={{ fontWeight: 'bold', color: 'black' }}
-            >
-              {t`Details`}
-            </Text>
+            <Text component={TextVariants.small}>{t`Details`}</Text>
             <Divider component="div" />
           </TextContent>
           {isLoading && <ContentLoading />}
@@ -231,17 +250,13 @@ function Tooltip({
                 </DescriptionListDescription>
               </DescriptionListGroup>
               <DescriptionListGroup>
-                <DescriptionListTerm>
-                  {t`Instance status`}
-                </DescriptionListTerm>
+                <DescriptionListTerm>{t`Instance status`}</DescriptionListTerm>
                 <DescriptionListDescription dataCy="node-state">
                   <StatusLabel status={instanceDetail.node_state} />
                 </DescriptionListDescription>
               </DescriptionListGroup>
               <DescriptionListGroup>
-                <DescriptionListTerm>
-                  {t`Instance type`}
-                </DescriptionListTerm>
+                <DescriptionListTerm>{t`Instance type`}</DescriptionListTerm>
                 <DescriptionListDescription dataCy="node-type">
                   {instanceDetail.node_type}
                 </DescriptionListDescription>
@@ -262,16 +277,17 @@ function Tooltip({
                       variant="secondary"
                       rel="noopener noreferrer"
                     >
-                      <DownloadIcon />
+                      <DownloadIcon
+                        size={16}
+                        data-original-icon="DownloadIcon"
+                      />
                     </PFButton>
                   </DescriptionListDescription>
                 </DescriptionListGroup>
               )}
               {instanceDetail.ip_address && (
                 <DescriptionListGroup>
-                  <DescriptionListTerm>
-                    {t`IP address`}
-                  </DescriptionListTerm>
+                  <DescriptionListTerm>{t`IP address`}</DescriptionListTerm>
                   <DescriptionListDescription>
                     {instanceDetail.ip_address}
                   </DescriptionListDescription>
@@ -290,9 +306,7 @@ function Tooltip({
               {instanceDetail.node_type !== 'hop' && (
                 <>
                   <DescriptionListGroup>
-                    <DescriptionListTerm>
-                      {t`Forks`}
-                    </DescriptionListTerm>
+                    <DescriptionListTerm>{t`Forks`}</DescriptionListTerm>
                     <DescriptionListDescription>
                       <SliderHolder data-cy="slider-holder">
                         <div data-cy="cpu-capacity">
@@ -326,9 +340,7 @@ function Tooltip({
                     </DescriptionListDescription>
                   </DescriptionListGroup>
                   <DescriptionListGroup>
-                    <DescriptionListTerm>
-                      {t`Capacity`}
-                    </DescriptionListTerm>
+                    <DescriptionListTerm>{t`Capacity`}</DescriptionListTerm>
                     <DescriptionListDescription dataCy="used-capacity">
                       {usedCapacity(instanceDetail, t)}
                     </DescriptionListDescription>
@@ -347,17 +359,13 @@ function Tooltip({
               )}
 
               <DescriptionListGroup>
-                <DescriptionListTerm>
-                  {t`Last modified`}
-                </DescriptionListTerm>
+                <DescriptionListTerm>{t`Last modified`}</DescriptionListTerm>
                 <DescriptionListDescription dataCy="last-modified">
                   {formatDateString(instanceDetail.modified)}
                 </DescriptionListDescription>
               </DescriptionListGroup>
               <DescriptionListGroup>
-                <DescriptionListTerm>
-                  {t`Last seen`}
-                </DescriptionListTerm>
+                <DescriptionListTerm>{t`Last seen`}</DescriptionListTerm>
                 <DescriptionListDescription dataCy="last-seen">
                   {instanceDetail.last_seen
                     ? formatDateString(instanceDetail.last_seen)
diff --git a/awx/ui/src/screens/TopologyView/constants.js b/awx/ui/src/screens/TopologyView/constants.js
index e29bd044..b5e190d7 100644
--- a/awx/ui/src/screens/TopologyView/constants.js
+++ b/awx/ui/src/screens/TopologyView/constants.js
@@ -18,19 +18,19 @@ export const DEFAULT_FONT_SIZE = '12px';
 export const LABEL_TEXT_MAX_LENGTH = 15;
 export const MARGIN = 15;
 export const NODE_STATE_COLOR_KEY = {
-  ready: '#3E8635',
-  'provision-fail': '#C9190B',
-  'deprovision-fail': '#C9190B',
-  unavailable: '#C9190B',
-  installed: '#0066CC',
-  provisioning: '#666',
-  deprovisioning: '#666',
+  ready: 'var(--quantic-color-brand-500)',
+  'provision-fail': 'var(--quantic-color-error-700)',
+  'deprovision-fail': 'var(--quantic-color-error-700)',
+  unavailable: 'var(--quantic-color-error-700)',
+  installed: 'var(--quantic-color-gray-blue-500)',
+  provisioning: 'var(--quantic-bg-tertiary)',
+  deprovisioning: 'var(--quantic-bg-tertiary)',
 };
 
 export const LINK_STATE_COLOR_KEY = {
-  established: '#6A6E73',
-  adding: '#3E8635',
-  removing: '#C9190B',
+  established: 'var(--quantic-bg-tertiary)',
+  adding: 'var(--quantic-color-brand-500)',
+  removing: 'var(--quantic-color-error-700)',
 };
 
 export const NODE_TYPE_SYMBOL_KEY = {
diff --git a/awx/ui/src/screens/User/User.js b/awx/ui/src/screens/User/User.js
index 90e3e1f2..718785dc 100644
--- a/awx/ui/src/screens/User/User.js
+++ b/awx/ui/src/screens/User/User.js
@@ -9,7 +9,7 @@ import {
   useRouteMatch,
   useLocation,
 } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 import useRequest from 'hooks/useRequest';
 import { UsersAPI } from 'api';
@@ -54,7 +54,7 @@ function User({ setBreadcrumb, me }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Users`}
         </>
       ),
diff --git a/awx/ui/src/screens/User/UserList/UserListItem.js b/awx/ui/src/screens/User/UserList/UserListItem.js
index 8b73ddf0..45db4a76 100644
--- a/awx/ui/src/screens/User/UserList/UserListItem.js
+++ b/awx/ui/src/screens/User/UserList/UserListItem.js
@@ -6,7 +6,7 @@ import { useLingui } from '@lingui/react/macro';
 import { Button, Label } from '@patternfly/react-core';
 import { Tr, Td } from '@patternfly/react-table';
 import { Link } from 'react-router-dom';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { LucideIconPencil } from '@ctrliq/quantic-react';
 import { ActionsTd, ActionItem, TdBreakWord } from 'components/PaginatedTable';
 
 import { User } from 'types';
@@ -42,16 +42,12 @@ function UserListItem({ user, isSelected, onSelect, detailUrl, rowIndex }) {
         </Link>
         {ldapUser && (
           <span css="margin-left: 12px">
-            <Label aria-label={t`ldap user`}>
-              {t`LDAP`}
-            </Label>
+            <Label aria-label={t`ldap user`}>{t`LDAP`}</Label>
           </span>
         )}
         {socialAuthUser && (
           <span css="margin-left: 12px">
-            <Label aria-label={t`social login`}>
-              {t`SOCIAL`}
-            </Label>
+            <Label aria-label={t`social login`}>{t`SOCIAL`}</Label>
           </span>
         )}
       </TdBreakWord>
@@ -70,7 +66,7 @@ function UserListItem({ user, isSelected, onSelect, detailUrl, rowIndex }) {
             component={Link}
             to={`/users/${user.id}/edit`}
           >
-            <PencilAltIcon />
+            <LucideIconPencil data-original-icon="PencilAltIcon" size="sm" />
           </Button>
         </ActionItem>
       </ActionsTd>
diff --git a/awx/ui/src/screens/User/UserRoles/UserRolesList.js b/awx/ui/src/screens/User/UserRoles/UserRolesList.js
index 80905645..81f0b6a6 100644
--- a/awx/ui/src/screens/User/UserRoles/UserRolesList.js
+++ b/awx/ui/src/screens/User/UserRoles/UserRolesList.js
@@ -9,7 +9,6 @@ import {
   EmptyStateIcon,
   Title,
 } from '@patternfly/react-core';
-import { CubesIcon } from '@patternfly/react-icons';
 import { getQSConfig, parseQueryString } from 'util/qs';
 import { UsersAPI, RolesAPI } from 'api';
 import useRequest, { useDeleteItems } from 'hooks/useRequest';
@@ -24,6 +23,8 @@ import AlertModal from 'components/AlertModal';
 import DatalistToolbar from 'components/DataListToolbar';
 import UserAndTeamAccessAdd from 'components/UserAndTeamAccessAdd/UserAndTeamAccessAdd';
 import UserRolesListItem from './UserRolesListItem';
+import { LucideIconBox as CubesIcon } from '@ctrliq/quantic-react';
+
 
 const QS_CONFIG = getQSConfig('roles', {
   page: 1,
@@ -124,7 +125,7 @@ function UserRolesList({ user }) {
   if (isSysAdmin) {
     return (
       <EmptyState variant="full">
-        <EmptyStateIcon icon={CubesIcon} />
+        <EmptyStateIcon icon={() => <CubesIcon size={64} data-original-icon="CubesIcon" />} />
         <Title headingLevel="h5" size="lg">
           {t`System Administrator`}
         </Title>
diff --git a/awx/ui/src/screens/User/UserToken/UserToken.js b/awx/ui/src/screens/User/UserToken/UserToken.js
index f0bc46d0..b55c8c17 100644
--- a/awx/ui/src/screens/User/UserToken/UserToken.js
+++ b/awx/ui/src/screens/User/UserToken/UserToken.js
@@ -8,7 +8,7 @@ import {
   useLocation,
   useParams,
 } from 'react-router-dom';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import { Card, PageSection } from '@patternfly/react-core';
 import RoutedTabs from 'components/RoutedTabs';
 import ContentError from 'components/ContentError';
@@ -43,7 +43,7 @@ function UserToken({ setBreadcrumb, user }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Tokens`}
         </>
       ),
@@ -71,9 +71,7 @@ function UserToken({ setBreadcrumb, user }) {
             {error.response.status === 404 && (
               <span>
                 {t`Token not found.`}{' '}
-                <Link to="/users/:id/tokens">
-                  {t`View all tokens.`}
-                </Link>
+                <Link to="/users/:id/tokens">{t`View all tokens.`}</Link>
               </span>
             )}
           </ContentError>
@@ -99,11 +97,7 @@ function UserToken({ setBreadcrumb, user }) {
         <Route key="not-found" path="*">
           {!isLoading && (
             <ContentError isNotFound>
-              {id && (
-                <Link to={`/users/${id}/tokens`}>
-                  {t`View Tokens`}
-                </Link>
-              )}
+              {id && <Link to={`/users/${id}/tokens`}>{t`View Tokens`}</Link>}
             </ContentError>
           )}
         </Route>
diff --git a/awx/ui/src/screens/WorkflowApproval/WorkflowApproval.js b/awx/ui/src/screens/WorkflowApproval/WorkflowApproval.js
index 67cc7d95..cd70952e 100644
--- a/awx/ui/src/screens/WorkflowApproval/WorkflowApproval.js
+++ b/awx/ui/src/screens/WorkflowApproval/WorkflowApproval.js
@@ -2,7 +2,7 @@ import React, { useEffect, useCallback } from 'react';
 import { useLingui } from '@lingui/react/macro';
 
 import { Card, PageSection } from '@patternfly/react-core';
-import { CaretLeftIcon } from '@patternfly/react-icons';
+import { LucideIconChevronLeft } from '@ctrliq/quantic-react';
 import {
   Link,
   Switch,
@@ -66,7 +66,7 @@ function WorkflowApproval({ setBreadcrumb }) {
     {
       name: (
         <>
-          <CaretLeftIcon />
+          <LucideIconChevronLeft />
           {t`Back to Workflow Approvals`}
         </>
       ),
diff --git a/awx/ui/src/screens/WorkflowApproval/shared/WorkflowApprovalButton.js b/awx/ui/src/screens/WorkflowApproval/shared/WorkflowApprovalButton.js
index fc9d7e04..829210d3 100644
--- a/awx/ui/src/screens/WorkflowApproval/shared/WorkflowApprovalButton.js
+++ b/awx/ui/src/screens/WorkflowApproval/shared/WorkflowApprovalButton.js
@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { OutlinedThumbsUpIcon } from '@patternfly/react-icons';
+import { LucideIconThumbsUp as OutlinedThumbsUpIcon } from '@ctrliq/quantic-react';
 import { WorkflowApprovalsAPI } from 'api';
 import useRequest, { useDismissableError } from 'hooks/useRequest';
 
@@ -45,7 +45,7 @@ function WorkflowApprovalButton({
             : t`Approve`
         }
       >
-        {isDetailView ? t`Approve` : <OutlinedThumbsUpIcon />}
+        {isDetailView ? t`Approve` : <OutlinedThumbsUpIcon size={16} data-original-icon="OutlinedThumbsUpIcon" />}
       </Button>
       {approveError && (
         <AlertModal
diff --git a/awx/ui/src/screens/WorkflowApproval/shared/WorkflowDenyButton.js b/awx/ui/src/screens/WorkflowApproval/shared/WorkflowDenyButton.js
index dff16304..af2f1067 100644
--- a/awx/ui/src/screens/WorkflowApproval/shared/WorkflowDenyButton.js
+++ b/awx/ui/src/screens/WorkflowApproval/shared/WorkflowDenyButton.js
@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 import { useLingui } from '@lingui/react/macro';
 import { Button } from '@patternfly/react-core';
-import { OutlinedThumbsDownIcon } from '@patternfly/react-icons';
+import { LucideIconThumbsDown as OutlinedThumbsDownIcon } from '@ctrliq/quantic-react';
 import { WorkflowApprovalsAPI } from 'api';
 import useRequest, { useDismissableError } from 'hooks/useRequest';
 
@@ -42,7 +42,7 @@ function WorkflowDenyButton({ isDetailView, workflowApproval, onHandleToast }) {
         variant={isDetailView ? 'secondary' : 'plain'}
         onClick={() => handleDeny()}
       >
-        {isDetailView ? t`Deny` : <OutlinedThumbsDownIcon />}
+        {isDetailView ? t`Deny` : <OutlinedThumbsDownIcon size={16} data-original-icon="OutlinedThumbsDownIcon" />}
       </Button>
       {denyError && (
         <AlertModal

From f3f1b64f64a7e6e6a963323c98a8aea87a8c28d1 Mon Sep 17 00:00:00 2001
From: Jesus Vilar <jvilar@ciq.com>
Date: Tue, 21 Oct 2025 19:13:33 +0200
Subject: [PATCH 3/6] feat: more adjustments

---
 .../AppContainer/PageHeaderToolbar.js         |  4 +-
 awx/ui/src/components/Card/CardActionsRow.js  |  2 +-
 .../src/components/FormField/PasswordInput.js | 14 ++---
 .../components/PaginatedTable/ActionsTd.js    |  9 +++
 .../PaginatedTable/ToolbarAddButton.js        |  6 +-
 awx/ui/src/patternfly-overrides.css           | 55 ++++++++++++++++++-
 .../screens/ActivityStream/ActivityStream.js  |  3 +
 .../ActivityStreamDetailButton.js             |  7 +--
 .../NotificationTemplateListItem.js           |  2 +-
 9 files changed, 80 insertions(+), 22 deletions(-)

diff --git a/awx/ui/src/components/AppContainer/PageHeaderToolbar.js b/awx/ui/src/components/AppContainer/PageHeaderToolbar.js
index afa02912..34ceff3a 100644
--- a/awx/ui/src/components/AppContainer/PageHeaderToolbar.js
+++ b/awx/ui/src/components/AppContainer/PageHeaderToolbar.js
@@ -113,7 +113,7 @@ function PageHeaderToolbar({
                 ouiaId="toolbar-info-dropdown-toggle"
               >
                 <LucideIconCircleHelp
-                  size="xs"
+                  size={16}
                   data-original-icon="QuestionCircleIcon"
                 />
               </DropdownToggle>
@@ -155,7 +155,7 @@ function PageHeaderToolbar({
                 onToggle={setIsUserOpen}
                 ouiaId="toolbar-user-dropdown-toggle"
               >
-                <LucideIconUser size="xs" data-original-icon="UserIcon" />
+                <LucideIconUser size={16} data-original-icon="UserIcon" />
                 {loggedInUser && <UserName>{loggedInUser.username}</UserName>}
               </DropdownToggle>
             }
diff --git a/awx/ui/src/components/Card/CardActionsRow.js b/awx/ui/src/components/Card/CardActionsRow.js
index 3652692a..bbeed311 100644
--- a/awx/ui/src/components/Card/CardActionsRow.js
+++ b/awx/ui/src/components/Card/CardActionsRow.js
@@ -3,7 +3,7 @@ import { CardActions } from '@patternfly/react-core';
 import styled from 'styled-components';
 
 const CardActionsWrapper = styled.div`
-  margin-top: 20px;
+  margin-top: var(--quantic-spacing-12);
   --pf-c-card__actions--PaddingLeft: 0;
 `;
 
diff --git a/awx/ui/src/components/FormField/PasswordInput.js b/awx/ui/src/components/FormField/PasswordInput.js
index ebc3ebc4..537b8535 100644
--- a/awx/ui/src/components/FormField/PasswordInput.js
+++ b/awx/ui/src/components/FormField/PasswordInput.js
@@ -33,11 +33,7 @@ function PasswordInput(props) {
 
   return (
     <>
-      <Tooltip
-        content={
-          inputType === 'password' ? t`Show` : t`Hide`
-        }
-      >
+      <Tooltip content={inputType === 'password' ? t`Show` : t`Hide`}>
         <Button
           ouiaId={`${id}-toggle`}
           variant={ButtonVariant.control}
@@ -45,8 +41,12 @@ function PasswordInput(props) {
           onClick={handlePasswordToggle}
           isDisabled={isDisabled}
         >
-          {inputType === 'password' && <LucideIconEyeOff size="xs" data-original-icon="EyeSlashIcon" />}
-          {inputType === 'text' && <LucideIconEye size="xs" data-original-icon="EyeIcon" />}
+          {inputType === 'password' && (
+            <LucideIconEyeOff size={16} data-original-icon="EyeSlashIcon" />
+          )}
+          {inputType === 'text' && (
+            <LucideIconEye size={16} data-original-icon="EyeIcon" />
+          )}
         </Button>
       </Tooltip>
       <TextInput
diff --git a/awx/ui/src/components/PaginatedTable/ActionsTd.js b/awx/ui/src/components/PaginatedTable/ActionsTd.js
index 2c7a9ae3..22204862 100644
--- a/awx/ui/src/components/PaginatedTable/ActionsTd.js
+++ b/awx/ui/src/components/PaginatedTable/ActionsTd.js
@@ -26,6 +26,15 @@ export default function ActionsTd({ children, gridColumns, ...props }) {
       css={`
         text-align: right;
         --pf-c-table--cell--Width: ${width}px;
+
+        [role='presentation'] {
+          color: var(--quantic-text-tertiary);
+          opacity: 0.5;
+        }
+
+        &:hover [role='presentation'] {
+          opacity: 1;
+        }
       `}
       {...props}
     >
diff --git a/awx/ui/src/components/PaginatedTable/ToolbarAddButton.js b/awx/ui/src/components/PaginatedTable/ToolbarAddButton.js
index 0437f50f..1cd7ccad 100644
--- a/awx/ui/src/components/PaginatedTable/ToolbarAddButton.js
+++ b/awx/ui/src/components/PaginatedTable/ToolbarAddButton.js
@@ -57,11 +57,7 @@ function ToolbarAddButton({
     );
   }
   return (
-    <Tooltip
-      content={defaultLabel || t`Add`}
-      position="top"
-      exitDelay={199999999}
-    >
+    <Tooltip content={defaultLabel || t`Add`} position="top">
       <Button ouiaId={ouiaId} onClick={onClick} isDisabled={isDisabled}>
         {defaultLabel || t`Add`}
         {showToggleIndicator && (
diff --git a/awx/ui/src/patternfly-overrides.css b/awx/ui/src/patternfly-overrides.css
index 6f7cb6eb..ffa7d9ea 100644
--- a/awx/ui/src/patternfly-overrides.css
+++ b/awx/ui/src/patternfly-overrides.css
@@ -281,6 +281,20 @@
   border-radius: var(--quantic-radius-md);
 }
 
+:root .pf-c-dropdown__toggle-icon {
+  color: var(--quantic-text-tertiary);
+  opacity: .6;
+}
+
+:root .pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text)  {
+  display: inline-flex;
+}
+
+:root .pf-c-dropdown__toggle-text{
+  display: flex;
+  align-items: center;
+}
+
 
 :root .pf-c-select {
   --pf-c-select__toggle--PaddingTop: var(--quantic-spacing-2);
@@ -291,6 +305,7 @@
   --pf-c-select__toggle--PaddingRight: var(--quantic-spacing-4);
   --pf-c-select__toggle--PaddingLeft: var(--quantic-spacing-4);
   --pf-c-select__toggle--FontSize: var(--quantic-font-size-body-sm);
+
   --pf-c-select__toggle--disabled--BackgroundColor: var(--quantic-bg-disabled);
   --pf-c-select__toggle-arrow--Color: var(--quantic-text-tertiary);
   
@@ -316,11 +331,14 @@
 }
 
 :root .pf-c-select__toggle {
+
   border-radius: var(--quantic-radius-sm);
   height: 42px;
 }
 
 :root .pf-c-select__toggle:before {
+  --pf-c-select__toggle--before--BorderBottomColor: var(--quantic-border-primary);
+  --pf-c-select__toggle--before--BorderBottomWidth: 1px;
   border-radius: var(--quantic-radius-sm);
 }
 
@@ -429,12 +447,25 @@
   transition: all 0.15s ease-in-out;
 }
 
+:root .pf-c-button {
+  --pf-c-button--FontSize: var(--quantic-font-size-body-xs);
+}
+
 :root .pf-c-button.pf-m-control {
+  vertical-align: middle;
   --pf-c-button--disabled--BackgroundColor: var(--quantic-bg-disabled);
-  --pf-c-button--BorderRadius: var(--quantic-radius-sm);
+  --pf-c-button--BorderRadius: var(--quantic-radius-md);
   --pf-c-button--m-control--BackgroundColor: var(--quantic-bg-brand-primary);
 }
 
+:root .pf-c-button.pf-m-control:hover {
+  --pf-c-button--m-control--BackgroundColor: var(--quantic-bg-brand-primary-hover);
+}
+
+:root .pf-m-control.pf-c-button::after {
+  display: none;
+}
+
 :root .pf-c-button.pf-m-plain,
 :root .pf-c-button.pf-m-plain:hover {
   --pf-c-button--m-plain--Color: var(--quantic-text-secondary);
@@ -505,6 +536,28 @@
   --pf-c-chip--m-read--close-button--hover--Color: var(--quantic-text-primary);
 }
 
+:root .pf-c-modal-box__header {
+  --pf-c-modal-box__header--PaddingTop: var(--quantic-spacing-8);
+  --pf-c-modal-box__header--PaddingBottom: var(--quantic-spacing-4);
+  --pf-c-modal-box__header--PaddingRight: var(--quantic-spacing-8);
+  --pf-c-modal-box__header--PaddingLeft: var(--quantic-spacing-8);
+}
+
+:root .pf-c-modal-box__footer {
+  --pf-c-modal-box__footer--PaddingTop: var(--quantic-spacing-4);
+  --pf-c-modal-box__footer--PaddingBottom: var(--quantic-spacing-6);
+  --pf-c-modal-box__footer--PaddingRight: var(--quantic-spacing-8);
+  --pf-c-modal-box__footer--PaddingLeft: var(--quantic-spacing-8);
+}
+
+:root .pf-c-modal-box__header + .pf-c-modal-box__body {
+  --pf-c-modal-box__body--PaddingTop: var(--quantic-spacing-8);
+  --pf-c-modal-box__body--PaddingBottom: var(--quantic-spacing-16);
+  --pf-c-modal-box__body--last-child--PaddingBottom: var(--quantic-spacing-12);
+  --pf-c-modal-box__body--PaddingRight: var(--quantic-spacing-8);
+  --pf-c-modal-box__body--PaddingLeft: var(--quantic-spacing-8);
+}
+
 .pf-c-nav__link {
   border-radius: var(--quantic-radius-sm);
 }
diff --git a/awx/ui/src/screens/ActivityStream/ActivityStream.js b/awx/ui/src/screens/ActivityStream/ActivityStream.js
index 17b26d11..7d43edce 100644
--- a/awx/ui/src/screens/ActivityStream/ActivityStream.js
+++ b/awx/ui/src/screens/ActivityStream/ActivityStream.js
@@ -125,6 +125,7 @@ function ActivityStream() {
           {t`Activity Stream type selector`}
         </span>
         <Select
+          position="right"
           variant={SelectVariant.single}
           aria-labelledby="grouped-type-select-id"
           typeAheadAriaLabel={t`Select an activity type`}
@@ -140,6 +141,8 @@ function ActivityStream() {
           selections={activityStreamType}
           isOpen={isTypeDropdownOpen}
           isGrouped
+          maxHeight="400px"
+          width="250px"
           noResultsFoundText={t`No results found`}
           ouiaId="activity-type-select"
         >
diff --git a/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js b/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js
index 1f800c9b..79c1ecd6 100644
--- a/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js
+++ b/awx/ui/src/screens/ActivityStream/ActivityStreamDetailButton.js
@@ -27,7 +27,7 @@ function ActivityStreamDetailButton({ streamItem, user, description }) {
         component="button"
         onClick={() => setIsOpen(true)}
       >
-        <LucideIconZoomIn size="xs" data-original-icon="SearchPlusIcon" />
+        <LucideIconZoomIn size="sm" data-original-icon="SearchPlusIcon" />
       </Button>
       <Modal
         variant="large"
@@ -46,10 +46,7 @@ function ActivityStreamDetailButton({ streamItem, user, description }) {
             label={t`Setting category`}
             value={setting && setting[0]?.category}
           />
-          <Detail
-            label={t`Setting name`}
-            value={setting && setting[0]?.name}
-          />
+          <Detail label={t`Setting name`} value={setting && setting[0]?.name} />
           <Detail fullWidth label={t`Action`} value={description} />
           {streamItem?.changes && (
             <VariablesDetail
diff --git a/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js b/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js
index c1d113b4..f69498ec 100644
--- a/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js
+++ b/awx/ui/src/screens/NotificationTemplate/NotificationTemplateList/NotificationTemplateListItem.js
@@ -137,7 +137,7 @@ function NotificationTemplateListItem({
               onClick={sendTestNotification}
               isDisabled={isLoading || status === 'running'}
             >
-              <LucideIconBell data-original-icon="BellIcon" />
+              <LucideIconBell size={16} data-original-icon="BellIcon" />
             </Button>
           </ActionItem>
           <ActionItem

From 53555bd0a1e0e608a3fd34396dd1cb7b65995df7 Mon Sep 17 00:00:00 2001
From: Jesus Vilar <jvilar@ciq.com>
Date: Wed, 29 Oct 2025 18:15:59 +0100
Subject: [PATCH 4/6] feat: adjust login screen

---
 awx/ui/public/static/media/Ascender_logo.svg  | 13 ++++++++
 .../src/components/AppContainer/BrandLogo.js  | 23 +++++++-------
 awx/ui/src/patternfly-overrides.css           |  4 ++-
 awx/ui/src/screens/Login/Login.js             | 30 ++++++++++++-------
 4 files changed, 46 insertions(+), 24 deletions(-)
 create mode 100644 awx/ui/public/static/media/Ascender_logo.svg

diff --git a/awx/ui/public/static/media/Ascender_logo.svg b/awx/ui/public/static/media/Ascender_logo.svg
new file mode 100644
index 00000000..0b7feb16
--- /dev/null
+++ b/awx/ui/public/static/media/Ascender_logo.svg
@@ -0,0 +1,13 @@
+<svg width="489" height="123" viewBox="0 0 489 123" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M174.447 31.0121L152.478 90.8707H159.672L165.408 75.2886H191.655L197.392 90.8707H204.752L182.533 31.0121H174.447ZM178.465 39.48C178.53 39.6705 178.594 39.8643 178.654 40.0625L189.349 68.9827H167.629L178.241 40.0761C178.317 39.8867 178.392 39.6853 178.465 39.48Z" fill="#94979c"/>
+<path d="M226.864 68.2623L220.059 66.539C216.051 65.5554 214.019 63.6443 214.019 60.8599C214.019 56.9433 216.902 54.7861 222.135 54.7861C227.141 54.7861 230.1 57.2463 230.252 61.5357L230.272 62.0848H236.9L236.88 61.4964C236.623 53.7713 231.036 48.9727 222.299 48.9727C213.381 48.9727 207.39 53.7822 207.39 60.9412C207.39 66.6646 210.981 70.4654 218.063 72.2373L224.868 73.96C229.745 75.1593 230.744 77.1309 230.744 79.7221C230.744 83.6791 227.312 86.0416 221.562 86.0416C216.353 86.0416 213.117 83.4001 213.117 79.1479V78.5786H206.572V79.1479C206.572 86.8675 212.488 91.855 221.644 91.855C231.002 91.855 237.29 86.8806 237.29 79.4759C237.29 73.5255 234.074 70.0669 226.864 68.2623Z" fill="#94979c"/>
+<path d="M272.958 77.6686C271.476 82.506 266.897 85.6316 261.293 85.6316C253.574 85.6316 248.587 79.6746 248.587 70.455C248.587 61.2791 253.857 55.1142 261.702 55.1142C267.248 55.1142 271.527 58.2206 272.869 63.2213L272.983 63.6427H279.761L279.632 62.9669C278.018 54.4657 270.948 48.9727 261.619 48.9727C249.811 48.9727 241.877 57.6388 241.877 70.5369C241.877 83.2882 249.679 91.855 261.293 91.855C270.571 91.855 277.832 86.4029 279.791 77.9645L279.953 77.2663H273.081L272.958 77.6686Z" fill="#94979c"/>
+<path d="M315.396 78.2554C313.994 83.2418 309.99 85.8778 303.816 85.8778C295.842 85.8778 290.978 80.7429 290.403 71.7624H321.92V68.4048C321.92 56.7818 314.447 48.9727 303.325 48.9727C291.796 48.9727 283.745 57.8063 283.745 70.455C283.745 83.2549 291.777 91.855 303.734 91.855C313.265 91.855 319.718 87.13 321.903 78.5507L322.084 77.8405H315.513L315.396 78.2554ZM290.623 66.5226C291.77 59.2616 296.479 54.9504 303.325 54.9504C310.308 54.9504 314.885 59.4723 315.118 66.5226H290.623Z" fill="#94979c"/>
+<path d="M349.061 48.9727C343.597 48.9727 338.672 51.536 335.825 55.7621L335.144 50.0387H329.154V90.8708H335.945V69.5522C335.945 60.6142 340.48 55.2784 348.077 55.2784C355.012 55.2784 358.243 59.0847 358.243 67.2563V90.8708H365.034V66.0259C365.034 54.8696 359.511 48.9727 349.061 48.9727Z" fill="#94979c"/>
+<path d="M404.961 55.9962C401.975 51.4481 397.076 48.9726 390.945 48.9726C379.479 48.9726 371.775 57.6387 371.775 70.5369C371.775 83.2882 379.38 91.8549 390.698 91.8549C397.195 91.8549 402.295 89.1622 405.268 84.2205L405.738 90.8707H411.753V29.946H404.961V55.9962ZM404.88 70.3726C404.88 79.5922 399.699 85.5491 391.682 85.5491C383.764 85.5491 378.648 79.5922 378.648 70.3726C378.648 61.153 383.764 55.196 391.682 55.196C399.699 55.196 404.88 61.153 404.88 70.3726Z" fill="#94979c"/>
+<path d="M450.505 78.2559C449.104 83.2418 445.1 85.8778 438.926 85.8778C430.952 85.8778 426.089 80.7429 425.513 71.7624H457.031V68.4048C457.031 56.7818 449.557 48.9727 438.434 48.9727C426.906 48.9727 418.855 57.8063 418.855 70.455C418.855 83.2549 426.888 91.855 438.844 91.855C448.376 91.855 454.828 87.13 457.013 78.5507L457.194 77.8405H450.622L450.505 78.2559ZM425.734 66.5226C426.879 59.2616 431.588 54.9504 438.434 54.9504C445.418 54.9504 449.995 59.4723 450.229 66.5226H425.734Z" fill="#94979c"/>
+<path d="M481.877 49.137C477.104 49.137 473.117 51.1796 470.994 54.5901L470.691 50.0387H464.263V90.8708H471.055V67.6668C471.055 60.4396 475.528 55.7697 482.45 55.7697H486.132V49.6648L485.694 49.5611C484.197 49.209 483.085 49.137 481.877 49.137Z" fill="#94979c"/>
+<path d="M60.4251 9.78164C88.9188 9.78164 112.1 32.9823 112.1 61.5C112.1 90.0178 88.9188 113.218 60.4251 113.218C31.9314 113.218 8.75 90.0178 8.75 61.5C8.75 32.9823 31.9314 9.78164 60.4251 9.78164ZM60.4251 3.63135C28.4919 3.63135 2.60486 29.5402 2.60486 61.5C2.60486 93.4598 28.4919 119.369 60.4251 119.369C92.3583 119.369 118.245 93.4601 118.245 61.5C118.245 29.54 92.3584 3.63135 60.4251 3.63135Z" fill="#0B8759"/>
+<path d="M78.822 93.0924H45.8438L42.3002 86.9421H68.1378L50.9124 57.3111L30.2721 93.0924H23.1757L50.8928 45.0454L78.822 93.0924Z" fill="#0B8759"/>
+<path d="M72.0494 20.6539L58.0601 44.9051L61.6469 50.9893L72.069 32.9239L86.0265 56.9485H65.1599L68.7856 63.0988H89.5996L99.0577 79.3788L106.147 79.3466L72.0494 20.6539Z" fill="#0B8759"/>
+</svg>
diff --git a/awx/ui/src/components/AppContainer/BrandLogo.js b/awx/ui/src/components/AppContainer/BrandLogo.js
index 7f15a8c7..5a14e335 100644
--- a/awx/ui/src/components/AppContainer/BrandLogo.js
+++ b/awx/ui/src/components/AppContainer/BrandLogo.js
@@ -2,24 +2,23 @@
 // Modifications Copyright (c) 2023 Ctrl IQ, Inc.
 //
 import React from 'react';
-import { BrandIconAscenderSolid } from '@ctrliq/quantic-react';
 import styled from 'styled-components';
 
-// const BrandImg = styled.img`
-//   flex: initial;
-//   width: initial;
-//   padding-left: 0px;
-//   margin: 0px 0px 0px 0px;
-//   max-width: initial;
-//   max-height: 60px;
-//   pointer-events: none;
-// `;
+const BrandImg = styled.img`
+  flex: initial;
+  width: initial;
+  padding-left: 0px;
+  margin: 0px 0px 0px 0px;
+  max-width: initial;
+  max-height: 36px;
+  pointer-events: none;
+`;
 
 const BrandLogo = ({ customLogoMenu }) => {
   const src = customLogoMenu
     ? `data:image/jpeg;${customLogoMenu}`
-    : 'static/media/AscenderAuto_logo_h_rev_S_side.png';
-  return <BrandIconAscenderSolid />;
+    : 'static/media/Ascender_logo.svg';
+  return <BrandImg src={src} alt="Ascender" />;
 };
 
 export default BrandLogo;
diff --git a/awx/ui/src/patternfly-overrides.css b/awx/ui/src/patternfly-overrides.css
index ffa7d9ea..8ce61e63 100644
--- a/awx/ui/src/patternfly-overrides.css
+++ b/awx/ui/src/patternfly-overrides.css
@@ -374,7 +374,9 @@
 }
 
 :root .pf-c-form {
-  --pf-c-form__label-text--FontWeight: var(--quantic-font-weight-normal);
+  --pf-c-form--GridGap: var(--quantic-spacing-3);
+  --pf-c-form__label-text--FontWeight: var(--quantic-font-weight-regular);
+  --pf-c-form__group--m-action--MarginTop: var(--quantic-spacing-2);
 }
 
 :root .pf-c-tooltip {
diff --git a/awx/ui/src/screens/Login/Login.js b/awx/ui/src/screens/Login/Login.js
index 5dc0ea95..721f7f19 100644
--- a/awx/ui/src/screens/Login/Login.js
+++ b/awx/ui/src/screens/Login/Login.js
@@ -34,11 +34,25 @@ import { useSession } from 'contexts/Session';
 import LoadingSpinner from 'components/LoadingSpinner';
 import { SESSION_REDIRECT_URL, SESSION_USER_ID } from '../../constants';
 
-const loginLogoSrc = 'static/media/AscenderAuto_logo_h_rev_M.png';
+const loginLogoSrc = 'static/media/Ascender_logo.svg';
 
 const Login = styled(PFLogin)`
+  & {
+    --pf-c-login__container--MaxWidth: var(--quantic-spacing-96);
+    --pf-c-login__main-body--PaddingRight: var(--quantic-spacing-8);
+    --pf-c-login__main-body--PaddingLeft: var(--quantic-spacing-8);
+  }
+
+  & .pf-c-login__main {
+    background-color: var(--quantic-bg-secondary);
+    border-radius: var(--quantic-radius-md);
+    border: 1px solid var(--quantic-border-primary);
+  }
+
   & .pf-c-brand {
-    max-height: 285px;
+    max-width: var(--quantic-spacing-48);
+    display: block;
+    margin: 0 auto;
   }
 `;
 
@@ -182,14 +196,7 @@ function AWXLogin({ alt, isAuthenticated }) {
     return <Redirect to={redirect} />;
   }
   return (
-    <Login header={Header} footer={Footer}>
-      <LoginMainHeader
-        data-cy="login-header"
-        /*        title={brandName ? t`Welcome to ${brandName}!` : ''} */
-        title=""
-        /*        subtitle={t`Please log in`} */
-        subtitle=""
-      />
+    <Login headerfooter={Footer}>
       <LoginMainBody>
         {isSessionExpired.current ? (
           <Alert
@@ -199,6 +206,7 @@ function AWXLogin({ alt, isAuthenticated }) {
             ouiaId="session-expired-warning-alert"
           />
         ) : null}
+        {Header}
         <Formik
           initialValues={{
             password: '',
@@ -211,7 +219,7 @@ function AWXLogin({ alt, isAuthenticated }) {
               autoComplete="off"
               data-cy="login-form"
               className={authError ? 'pf-m-error' : ''}
-              helperText={helperText}
+              helperText={authError ? helperText : null}
               isLoginButtonDisabled={isAuthenticating}
               isValidPassword={!authError}
               isValidUsername={!authError}

From f000c1cb3f5e6fc7ec15679a82d6be7b660060b3 Mon Sep 17 00:00:00 2001
From: Jesus Vilar <jvilar@ciq.com>
Date: Wed, 29 Oct 2025 18:23:05 +0100
Subject: [PATCH 5/6] feat: add favicon

---
 .../public/static/css/ascender_gradient.css   |   0
 .../static/media/AscenderAuto_icon_clr_S.png  | Bin 5920 -> 0 bytes
 .../public/static/media/apple-touch-icon.png  | Bin 0 -> 4059 bytes
 awx/ui/public/static/media/favicon copy.svg   |   5 +
 awx/ui/public/static/media/favicon-96x96.png  | Bin 0 -> 3140 bytes
 awx/ui/public/static/media/favicon.ico        | Bin 5430 -> 15086 bytes
 awx/ui/public/static/media/favicon.svg        | 235 +-----------------
 .../public/static/media/favicon_ascender.ico  | Bin 15406 -> 15086 bytes
 .../static/media/web-app-manifest-192x192.png | Bin 0 -> 5365 bytes
 .../static/media/web-app-manifest-512x512.png | Bin 0 -> 19045 bytes
 awx/ui/src/components/About/About.js          |   3 +-
 .../components/AppContainer/AppContainer.js   |  18 +-
 12 files changed, 10 insertions(+), 251 deletions(-)
 delete mode 100644 awx/ui/public/static/css/ascender_gradient.css
 delete mode 100644 awx/ui/public/static/media/AscenderAuto_icon_clr_S.png
 create mode 100644 awx/ui/public/static/media/apple-touch-icon.png
 create mode 100644 awx/ui/public/static/media/favicon copy.svg
 create mode 100644 awx/ui/public/static/media/favicon-96x96.png
 create mode 100644 awx/ui/public/static/media/web-app-manifest-192x192.png
 create mode 100644 awx/ui/public/static/media/web-app-manifest-512x512.png

diff --git a/awx/ui/public/static/css/ascender_gradient.css b/awx/ui/public/static/css/ascender_gradient.css
deleted file mode 100644
index e69de29b..00000000
diff --git a/awx/ui/public/static/media/AscenderAuto_icon_clr_S.png b/awx/ui/public/static/media/AscenderAuto_icon_clr_S.png
deleted file mode 100644
index cb6c58f00fa1a6d37a18b8cbf76681ecbb03ac13..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 5920
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

diff --git a/awx/ui/public/static/media/apple-touch-icon.png b/awx/ui/public/static/media/apple-touch-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a3a7bd06f28a3442927b0c83799afaa504c8cf08
GIT binary patch
literal 4059
zcmXAsc{G&$8^&j`CRwu<VxmaYG-EfD?6O9(D?7uKExQ@sL>fY5C$cZuCp#^cmtnGw
zZ6q>w$-d?Hyyy4F^W5ir&-J~o>;B_8=lR4K8ECPd6F3I~fmn64)lGm|_us?B0K8R5
z47Wibwl_NJcTEGpYgx?+mwGv(B>0r)=uG63X`n%HrZ9Qws{&g01Jw8Dodd8uND)-Z
zt$pRiW4Z}pXODd1n~A}d?8;KqPfit^`2O<#k2Ph_89&WVdlAocxFa9(ftDUi9~pAE
zia{Vv1ZDS&G92t=89cdwz{IqK{8Mb!qK-zl)8(D&2}^O4Ll+t|%+4)&nap&n(fbMq
zZa61HnleoHtBt@jTG`DO1-P~uuNlYY$QS39E+kG5bJF`7PHfm$K$;?9`*rHznFkF@
zkIHZxBE2fo&lr}n)!x@Pu!F%fYCQE(<3QlJ(b7E@pn$Zau}1&_hYMqUp<4HUfnNE0
zj?0jy1a)`*ctELjX~#tjP!eD!eE~p4)X!X$U<?lD1xv8(0(Lp#cv*rPH8-ZC^VR50
zEZYX8+qZ_IUx|w3O6jIpXT{@i+3^XQrrcn#jd9JwN(kK^SmmRg7&rcbm`JW6EAjQ^
z%V2P*?>_}+BS74PFVYTLT4=QJ<;Tk?1Yke%bljtyXOP}kIxR6L7I5W#p%dv26sWxV
z;ExXwyOSsDW+V;7);sEk-F$_^*>V?_+}#eHJ>8j??mclOP`JS0R*4`PAN=m|K5F*O
z?AfnV>0Y+>zux!4_G$Y>*tD42d7rL7c_!}&fQ=xO@hh4+v*YOW_&Jok>D7KZAOG=o
zfg(X~d+1{568)c&!<B8I`st@n6$)R`%NM36qHRIKUkK}2?#-z;b6tkcYn$Hxk;e(0
z>VKOzLxFl><|8HdeFNxy*>mV_i-65!G0(Qc&$gVlC?)s~>8g3A%jbMCdy^`r3-uz<
z^3Vg{dw;iyY(&`E(eNy`r~T|`ZZ&yOd&MOr5n&9*lp<=JZC4%WcdmWuxVvj*nSke$
z1#{c4f9VD<#S@QdG9Pc7oGm&CBrQJGU^~K4_?E)posEHLQs2^`0X9b;64ayA&4Oll
zGlx83>tWA@s){i5Km8naVP~T17MZ|m1(FLxo$yj-p!#Nu0k^t^*rEIoU!Qrs-6@u7
zB#v-@nI1C+M-=Y1RpP}D(Xz>oB6%j+%+<7bR(sS!()j6QS5N@skCN?4%J-LEc=2Tz
z>R*Hw5SZuM51-tk&6%G^Zi1BkC{+@N0sQb8u>LQIbK-^*_|5Rv=hb%IDbA{is@A(R
z7s(y>f4#DAn9B^><4<Fau(KvchpN2#I@%;x+zb|Q#VJH|F{FCp#8yx>m)n11%UDkq
zOE^iJ%qw0vhV*N59UyMwvxN0!ZP{P5oX0J7-VKXA3xrMjm7BQ5{<W)V3sAUhz^O|e
z*s><+hrzy8<)t)Cz+`|=bv;ez$8w9M)ixR$^W2%iIWb(mpNqen`0V-h9~gN>3(ziA
zqLVT!73Kw$0CURx?pUkO8Ra?TIcy%25zKWS4%*I>NRex3XmG~I;jY}}F_k$QNMy3k
z7B7gS$5^ttW7u<Q$ASv8qVQp~E{;^sVp}ho4#7uOqYC?MFoG0IFcEZ#wbLTGaV|0O
zC3+Y}rKv->#<g`H8c{g{wstY3!#Pr8kX1f9+$zhn*wmjn^<Ah~B@Bc1{Bq>Or{|Sv
zy<fYL!@P6FBd%<_``%iG@xNkJ=%^AckGRm6!J08qJAW9tZdq_W7eAr*MqzZBpE+MN
z$iK*zN};1>N_!e#ik{*LHP0O8CL7~Ciw%rtE!NTS`iUD9UutHBs?Sbzsc$c#cC?*y
zI~^Q!A(gXpGG7cbY>O1EN`oTIT49)M*0GC+T6X$F=gGil$SAk52YEdeXd;$Df;;hd
zAP)r0jIe)G8fuXPJhQs}ZV*>VzT_Kh(M}x;r!F(WqinMnko<n<r5p>Zy6b-q^)^V=
zeaeG|lly&v0_mXie`r_ohcsgPx`hIT@zLSgHj>5Tj2MhHb|3}m16Zn<XAIMksn6#B
z9_ARvBV?gZHkf2*P~B(0&z~M%+EB5n!*XDUjrerE(xt=Jvj8njl<gn-_|cGQ_y#Qm
z>hB|YZS@BIC8Tn34o7?<vWziZGL>;*O}zr&4@K<f1hXI=dnG*w3a^*s_+?6uLf7fn
z!hSxBWc~L1b>m{&f?#Yg3z|gp#$I@8>NdzTug7#Wjv;d*^;U|7TtDW440=WMmv#3V
z7e%ID`rNiV54m4?qA5F$@WVn+sFqa-1lCRXZ{X3pf%c!DO7U@$7h@E~D2<_PcS6AT
zE3HCq7wP5~E$l0k<#@1{=l@EDR|>ewRB?c)lvdBcpYZ|KwHz&ymj9;k%J^;)NVSV{
zj5`+i{xYAMjC<LW`_?K;Wb@BFf($kl+N0=TRQO)0#j+#VhmLDh8l|^c&*m#MqD9ed
zOR>E-6ueXKo*RF`;KS^c_I&lph(n0o&)Ule5doSU*Ek}tD&9Q5({gND9Kt<%11lA1
z=(o4Fh~#@mTyK@5(R0|vRn?D=yO2H#EV<B0E4nYV$$D*6>!VN=k0h7+*Pj|HH62*%
zQmz&FW|b6K=ITj2)gkBW@~PB-rH5i~#);!<HJ^me{#E(c6+;a}ZSfj6t`F^xLe}X;
zA$@|)1tjQO2T;50T>2{Ai0gb{)1O0+jUr6N_oS|YR*4VK%$pyw++kLRr<$4$X0yt8
z)D=nPbaUc^zb?jN2&Y@B!gH}MwAT&pcvU!a$6Du;2|a;!>OfLgmqQpedysTYoYrbs
z^u2}k>VJPqpKQ+J+sW5o`p4cmvDMT?RcwFI&WozKy$DYU|C^#;WtKAenON`ramRXw
zo2+Fj@UaQ<(rGje33I1O@bA#Pg^`^PV=x-3v<9n|k36m-@?uwP{R(bdKFmszInW4i
zGBih8?L?$@mA7g({BEqPsBcs82&qSFfu+)Viic)ggt~c5vFO+n>ZI-GlzlE%>;tde
zt^PnWXs9E3f=>tsa=hzj5Yx=o&E%7-TB@7lBvrBb?|3O*^>$SUZJEfQI((@sP;g)h
z<`(B;Gg3F6LVSq)B|6V5IC6<>>pj+$nIFZNtzh<CmnbK6Mn)m9db4Q_4F}K1GE4Do
zN-h?g%Ab&_Lj6lsFGka<dqU-d)XmbxSRHhGA6jW)Dos2l^NQSaRUQ@NtRM-C>dXzv
zqYBHhiy9f?q$zJ{C#j*@Z$-5<Q`S3Xy)2aM6&hYM!qdsmAZ#vQAp=h!b`O3C5Bc`6
zu2;;88q}@macqqs(@p997=vky@+$>@jUZKx4qmrA$a_1!Iq_;t@Njjx)zYdJ-L5_q
zv9dqZdZ6ar`XPT7BEl;r%wYLL!vEz)-dSKniU0-vyo4auZN_#d-a-cbU2IHHY1EnC
zUK16htEx}tk8xSuXh8=H$`4uS1@EG{mRfU-uC^|uKQOB%nu&&f-&by!d@Q8Jw#FgY
zcH%hE^%@zXdcg*v!-dX(3dz{$am{u1Tlb0Ndd5#j3eV4Z&{2ef57;Oa(yl!m3;o+t
z(Qqt|+vC&}EpD+cf(bYbh^GzJ*2xSBdX^RhjmK@T&15<BTDA@f&C-$SzL(vEc~<_p
z6?NzUR+O^NO8R?jR6v@zVcM@?mlW4J9>9e<3lF7Lc<Nih(ZO%nnb;mpCS0qgF4~7&
zuYOz`fGiA=cFI5m`}a>c7GSbViuiNKAGVcz&GX2lla!G0LY*A-RlGGy=tdsg7Yy4v
z#8f{{%JST13MPT{pXPlCxEQmQ9iTXblKVlBnTh&{$sG#%-tBxBmDBx%VCph9!cD%>
zqjw=0%M7Dhi=a2te%>|z9QI*cpk&}{@!echQ@C-mq*9b3>Wla0)f9h-U*U}zoJYtj
zWFf*dD@Mx)U0ZxjXa3wbg~KhDmxgkcCoL(Bjj}g~-o;A?qV^DD&E<@#Dxu|l0;L1$
z`8v6Ha#^{lYGU7Kj;;iw%4x07e1CiK@T-&d3Gv2CtGo8jExclr9x38@@hcqcuy-(c
zq2FBex1d(P$)_W!Q$5s{G9rTI4xV<c6TzD}4IOEbTkxO>rB+nuGpwqmGo+t$ym$4<
z`^LHp2$bC5c)!Y4mF8pTP<<!~qLb}Mhv+_UzZi<&jeh~JMVyCwc=EXNy!!{1*zb#K
zYcMUrr#VD1!ad@sQcE5hO`vqgg#MKGi&>yli!uow<${)K1kn$AM<+cpebde87oSxU
z2yU3(<6;|Ev6ZiB8ElTOb<J&vao0$OvUl0qP(m`_iKPaLg5fgV=5~75&zhj=9TP?s
z7>GOQy`|m7HM-jwGKw-#cm`1-wb%0<y7p-XKK+(CG?=;P!1IeUy|e0b5o`)YnylW*
zP#g$*K>8F<S5-2meP^-9AKkTQs$sC_iJOS>D>$ZB+CcSd{*z!p_+xD$qxRz?`tToW
zdDT}Z@qBZy&-YMrhWZK}eJs0WxpFq};!I2;zki8kfHSH)UVQNJzy67<gZT+MZlLD?
z4|_B57Gp3O!~@Q9nvFW=0v*vF`$dHyA=9{M(7_{+-;I*^YMs;^P<EueLPR`7L1X^e
zMRL4+%i(aF+Ub@vl!8@s_5yK$e^-N69+?O`B=r}E4HN9*i*!!I^^QrO&rLHe#fVIT
z_Mn-D8?zB<sg^CV`Sdj_nby;>s{kRfc+*joC%L8@YP@A+=Pu}gpttrovXW+uT9M}f
zyt#2~e{WPXE<))gA1=X(>h=~#?F8A2br6hnI0PjFI6)e+Ul2OLKQ*WC2gw`JF_a(<
z@~Q*R07&htZK=FDNQ1LHM04pLUk=Q)JnkES1+n)E@Cfx>^IVS}LdZ0LO08F1)4gW^
zWLaI*%=V1N;i&9)^c%eZAo24N8$<%Agk?%Ew3dU+LPBlqex-@Z3WC8Zf}*U&*8u`7
z#Pp6&0GB7&-O&1gJ;F(^Z9o%^9*ioU0ZUijM-x*=<HljRN(N!Edc0(5=lXdB^HN;W
z?9U;3-&l+F0DZ`$ew%;?z;2ZYpFdN;^#79AWeI?Z2PyN!ADA;$#nod#ge6>}eTJ!=
zVRAH2Q{#sy5XP(X&-68bifqK=hP)F1Ni0mw>n*@kH@URj8nuBHG&rB#l`HktL7S%`
z6)tO_(OL<{!O6f?vqF6XEnpfuj@UW@%$MwzH2fd?ai^8|@7f>%V5=!faIgY6ji|2g
za}!uObYi5Z`aeFi$}3cO2lQ;ixGzvrnBFo3#j>U6GjYcPxjeepo78~Zi!~y`uYfpS
vmI7{@E08lr5a{fziFJhuKy-%x*c=L~)x09qEc##xI05Ns7^qjO*+={j0&Sf*

literal 0
HcmV?d00001

diff --git a/awx/ui/public/static/media/favicon copy.svg b/awx/ui/public/static/media/favicon copy.svg
new file mode 100644
index 00000000..8b6c75dc
--- /dev/null
+++ b/awx/ui/public/static/media/favicon copy.svg	
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="49" height="49"><svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.8701 0.410156C38.1001 0.410156 48.8701 11.1802 48.8701 24.4102C48.87 37.6401 38.1001 48.4102 24.8701 48.4102C11.6402 48.4102 0.870217 37.6401 0.870117 24.4102C0.870117 11.1802 11.6401 0.410156 24.8701 0.410156ZM24.8701 3.16016C13.1501 3.16016 3.62012 12.6902 3.62012 24.4102C3.62022 36.1301 13.1502 45.6602 24.8701 45.6602C36.5901 45.6602 46.12 36.1301 46.1201 24.4102C46.1201 12.6902 36.5901 3.16016 24.8701 3.16016ZM31.6807 37.625H16.3301C15.5707 37.625 14.9551 37.0094 14.9551 36.25C14.9551 35.4906 15.5707 34.875 16.3301 34.875H26.8994L19.9141 22.8711L11.9404 36.6777C11.5606 37.3352 10.72 37.5603 10.0625 37.1807C9.40497 36.8009 9.17994 35.9603 9.55957 35.3027L19.9053 17.3887L31.6807 37.625ZM42.209 30.499L42.2734 30.624C42.561 31.2588 42.3263 32.0211 41.7109 32.3789C41.0955 32.7366 40.3175 32.5629 39.9082 31.999L39.8311 31.8809L35.9326 25.1748H27.9805C27.2211 25.1748 26.6055 24.5592 26.6055 23.7998C26.6056 23.0405 27.2211 22.4248 27.9805 22.4248H34.333L28.7031 12.7412L25.5605 18.1777L25.4844 18.2959C25.0765 18.8613 24.2982 19.037 23.6816 18.6807C23.0242 18.3006 22.7996 17.4592 23.1797 16.8018L28.6963 7.25879L42.209 30.499Z" fill="#12a66f"></path>
+</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
+</style></svg>
\ No newline at end of file
diff --git a/awx/ui/public/static/media/favicon-96x96.png b/awx/ui/public/static/media/favicon-96x96.png
new file mode 100644
index 0000000000000000000000000000000000000000..f40be861721f580b606dd5c79694ddae5b5bd779
GIT binary patch
literal 3140
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

literal 0
HcmV?d00001

diff --git a/awx/ui/public/static/media/favicon.ico b/awx/ui/public/static/media/favicon.ico
index 2f009cfad00f5fc0aefa39bd9c552923247a8439..8a1571b4ed7bb9511146cfee5aece31ba90d9a8b 100644
GIT binary patch
literal 15086
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

literal 5430
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

diff --git a/awx/ui/public/static/media/favicon.svg b/awx/ui/public/static/media/favicon.svg
index 6d80915f..d5305293 100644
--- a/awx/ui/public/static/media/favicon.svg
+++ b/awx/ui/public/static/media/favicon.svg
@@ -1,232 +1,3 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
-<style type="text/css">
-	.st0{display:none;}
-	.st1{display:inline;fill:#ED1C24;}
-	.st2{fill:#42210B;}
-	.st3{fill:#FFFFFF;}
-	.st4{fill:#C69C6D;stroke:#8C6239;stroke-width:5;stroke-miterlimit:10;}
-	.st5{fill:#FFFFFF;stroke:#42210B;stroke-width:3;stroke-miterlimit:10;}
-	.st6{fill:#ED1C24;stroke:#8C6239;stroke-width:5;stroke-miterlimit:10;}
-	.st7{fill:#A67C52;}
-	.st8{fill:#ED1C24;}
-</style>
-<g class="st0">
-	<path class="st1" d="M319.8,169.3c1.5-14.2,13.7-27.2,29.9-31.9c-13.1,1.5-27.3-1.7-36-10c-8.7-8.3-10-21.9-1.4-30.1
-		c-12,6.7-28.1,8.1-41.4,3.4c-13.3-4.6-23.5-15.1-26.2-26.9c-2-8.8,0-17.9,2-26.7c-6.2,9.4-17.6,17.3-30.5,17.3
-		c-12.9,0.1-25.7-10.2-22.9-20.7c-5.5,7.8-11.4,15.9-21,20.2c-9.5,4.3-23.7,2.7-28.2-5.5c-1.6,10.8-7.5,22-19.1,27
-		c-9,3.9-21.5,2.2-28-3.8c5.7,11.4,4.3,25.3-4.1,35.6c-9.9,12.2-29.1,18.6-46.4,15.6c14.7,7.2,28.5,17.7,32.1,31.5
-		c3.7,13.8-7.1,30.7-24.1,31.7c13.6,3.1,28,7.4,35.6,17.2c7.6,9.8,2.9,26.4-11.1,28c12.8-2.6,27.4,3.9,31.9,14.2
-		c4.1,9.5-0.9,20.9-10.9,26.5c18.6-8.9,41-17.1,59.6-8.8c13.9,6.2,20.8,21.6,15.1,33.8c10.4-10.6,23-21.3,39.2-23.5
-		c12.8-1.8,27.5,4.6,31.9,14.1c-0.3-12.7,6.1-25.5,17.5-34c13.8-10.3,34.4-14,52-9.2c-11.1-7.8-14.9-22-8.9-33
-		c6-11,21.3-18,35.7-16.2C327.5,198.1,318.3,183.5,319.8,169.3z"/>
-</g>
-<g>
-	<g>
-		<g>
-			<path class="st2" d="M179.7,297.3c-10.1,3.2-20.3,6-30.6,8.4c-10.7,2.5-21.7,5-32.8,5.1C96,311.1,79.9,297.2,60,296.1
-				c-5.8-0.3-5.8,8.7,0,9c9.9,0.5,18.9,5.1,27.9,8.8c9.8,4,19.6,6.3,30.2,5.9c21.5-0.8,43.5-7.4,64-13.8
-				C187.6,304.3,185.2,295.6,179.7,297.3L179.7,297.3z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st2" d="M322.2,194.8c17.9-8,36-18.5,44.3-37.2c4.2-9.3,6-19.2,7.2-29.3c1.5-11.7,2.5-23.4,3.7-35.2
-				c0.6-5.8-8.4-5.7-9,0c-1.1,10.3-2.1,20.6-3.3,30.9c-1.1,9.7-2.5,19.7-6.4,28.7c-7.5,17.5-24.6,26.8-41.2,34.2
-				C312.4,189.4,316.9,197.2,322.2,194.8L322.2,194.8z"/>
-		</g>
-	</g>
-	<g>
-		
-			<ellipse transform="matrix(0.5541 -0.8324 0.8324 0.5541 -219.4917 376.0051)" class="st2" cx="241.2" cy="392.9" rx="65.5" ry="33.7"/>
-	</g>
-	<g>
-		<g>
-			<path class="st3" d="M224.1,442.5c22-11.5,38.7-31,47.1-54.3c2-5.5-6.7-7.8-8.7-2.4c-7.6,21.1-23.1,38.5-43,48.9
-				C214.4,437.4,218.9,445.1,224.1,442.5L224.1,442.5z"/>
-		</g>
-	</g>
-	<g>
-		
-			<ellipse transform="matrix(0.9684 -0.2494 0.2494 0.9684 -66.4734 109.0276)" class="st2" cx="397" cy="316.8" rx="63.9" ry="32.9"/>
-	</g>
-	<g>
-		<g>
-			<path class="st3" d="M363.8,341.5c28.3,7,58.7-0.8,80.2-20.5c4.3-3.9-2.1-10.3-6.4-6.4c-19.1,17.5-46.4,24.4-71.5,18.2
-				C360.5,331.5,358.1,340.1,363.8,341.5L363.8,341.5z"/>
-		</g>
-	</g>
-	<path class="st4" d="M156.9,96c-25.4,4.5-32.9,20.2-45,46.9c-20.2,44.4,2,90.3,5.6,97.5c18.4,36.5,42.3,36.8,60,80.6
-		c8.6,21.2,4.6,25.2,13.1,37.5c20.4,29.2,63.7,36.1,91.9,33.8c40.3-3.3,91.5-28.8,108.8-82.5c17.1-53.2-6-112.1-41.2-131.2
-		c-25.3-13.7-44.9-0.5-71.2-20.6c-21.6-16.5-18.4-33.1-37.5-48.8C227.9,98.1,203.7,87.7,156.9,96z"/>
-	<ellipse transform="matrix(0.6622 -0.7494 0.7494 0.6622 65.2068 309.6339)" class="st2" cx="376" cy="82.5" rx="21" ry="15.5"/>
-	<g>
-		<g>
-			<path class="st3" d="M379.8,75.3c0.8,0.2-0.6-0.4-0.1-0.1c0.2,0.1,0.3,0.2,0.5,0.3c0.4,0.2-0.6-0.7-0.1-0.1
-				c0.1,0.1,0.7,0.8,0.2,0.2c-0.4-0.5,0,0,0.1,0.1c0.4,0.7,0,0.2,0-0.2c0,0.1,0.1,0.4,0.2,0.5c0.3,0.9-0.1-1,0-0.1
-				c0.1,2.3,2,4.6,4.5,4.5c2.3-0.1,4.6-2,4.5-4.5c-0.3-4.4-3-8.1-7.3-9.4c-2.2-0.7-5,0.8-5.5,3.1C376.1,72.2,377.4,74.5,379.8,75.3
-				L379.8,75.3z"/>
-		</g>
-	</g>
-	
-		<ellipse transform="matrix(0.9999 -1.433736e-02 1.433736e-02 0.9999 -4.303 0.8051)" class="st2" cx="54" cy="300.5" rx="21" ry="15.5"/>
-	<g>
-		<g>
-			<path class="st3" d="M52.2,297.5c1.1-0.3,1.4-0.4,2.5,0c0.8,0.3,1.3,0.7,2,1.7c1.5,1.9,4.8,1.6,6.4,0c1.9-1.9,1.5-4.4,0-6.4
-				c-3.1-3.9-8.6-5.4-13.3-4C44.3,290.5,46.7,299.2,52.2,297.5L52.2,297.5z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st2" d="M149.3,108.8c4.9-10.8-1.3-24.2-12.9-26.9c-1.9-0.4-2.7,2.4-0.8,2.9c9.6,2.3,15.3,13.5,11.2,22.5
-				C145.9,109,148.5,110.5,149.3,108.8L149.3,108.8z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st2" d="M141.2,112.3c2.4-9.4-5.4-19.3-15.2-19c-1.9,0.1-1.9,3.1,0,3c7.8-0.2,14.2,7.6,12.3,15.2
-				C137.8,113.4,140.7,114.2,141.2,112.3L141.2,112.3z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st2" d="M132.6,118c-1.1-8.3-10.9-13.4-18.2-9.1c-1.7,1-0.2,3.6,1.5,2.6c5.2-3,12.9,0.4,13.7,6.5
-				C129.8,119.9,132.8,119.9,132.6,118L132.6,118z"/>
-		</g>
-	</g>
-	<path class="st5" d="M215.5,166.5l34-73c0,0,35,0,46,21c7.5,14.3,8,39,8,39L215.5,166.5z"/>
-	<path class="st5" d="M208.2,170.5l-79.5-12.7c0,0-19.6,29-8.4,49.9c7.6,14.2,27.8,28.5,27.8,28.5L208.2,170.5z"/>
-	<path class="st2" d="M210.5,164.5l33-74c0,0-2.5-5.5-8-7s-12,0-12,0L210.5,164.5z"/>
-	<path class="st2" d="M207.4,165.3l-73.1-35c0,0-5.6,2.4-7.2,7.8c-1.6,5.5-0.3,12-0.3,12L207.4,165.3z"/>
-	<path d="M215.5,166.5L234,127c0,0,17-6,25.5,7.5c8.6,13.6-3.5,25.5-3.5,25.5L215.5,166.5z"/>
-	<path d="M206.7,170.9l-29.6,32c0,0-18,0.5-22-14.9c-4-15.6,11.1-23.2,11.1-23.2L206.7,170.9z"/>
-	<g>
-		<g>
-			<path class="st3" d="M243.4,139.1c-0.6,0.2-0.7,0.3-0.4,0.2c0.3-0.1,0.2-0.1-0.5,0.1c0.7,0-0.3,0-0.4-0.1c0.1,0,0.3,0.1,0.4,0.1
-				c0.3,0.1,0.2,0-0.4-0.2c0,0,0.6,0.3,0.6,0.3c0.5,0.2-0.9-0.6-0.1-0.1c0.6,0.4-0.3-0.5-0.1-0.1c0.3,0.5-0.3-1-0.1-0.2
-				c0.2,0.8,0-1,0-0.1c0,2.4,2.1,4.6,4.5,4.5c2.5-0.1,4.5-2,4.5-4.5c0-3-1.6-5.7-4.1-7.3c-2.6-1.7-5.6-1.6-8.4-0.4
-				c-2.2,0.9-2.8,4.3-1.6,6.2C238.7,139.7,241,140.1,243.4,139.1L243.4,139.1z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st3" d="M173.5,176.4c-0.5-0.3-0.1,0,0.2,0.1c-0.7-0.6,0.3,0.5,0.1,0c-0.3-0.5,0.4,0.8,0.1,0.2
-				c-0.4-0.8,0.2,0.2,0,0.1c0,0,0-0.6,0-0.6c-0.1,0.1-0.1,1,0,0.3c-0.1,0.2-0.1,0.3-0.2,0.5c0.2-0.3,0.2-0.4,0-0.1
-				c-0.2,0.2-0.2,0.3-0.1,0.1c0.2-0.2,0.1-0.2-0.3,0.2c1.9-1.4,3-4,1.6-6.2c-1.2-1.9-4.1-3.1-6.2-1.6c-2.4,1.7-4,4.3-3.9,7.4
-				c0.1,3,1.6,5.7,4.1,7.3c2,1.2,5,0.5,6.2-1.6C176.3,180.4,175.7,177.7,173.5,176.4L173.5,176.4z"/>
-		</g>
-	</g>
-	
-		<ellipse transform="matrix(0.862 -0.5069 0.5069 0.862 -88.3186 186.5516)" class="st6" cx="298.5" cy="255.5" rx="79.5" ry="68.5"/>
-	<g>
-		<g>
-			<path class="st7" d="M173.6,109.8c-2.1,2-3.9,4.6-3.6,7.6c0.3,3.5,2.8,6.6,6.6,6.7c6,0.2,11.5-7.7,8.2-13c-1-1.7-3.1-3.1-5.2-3
-				c-1.7,0.1-3.1,0.8-4.4,1.9c-2,1.8-2.8,5.2-1.9,7.7c2.4,6.6,11.8,5.9,13.8-0.7c0.7-2.5-0.9-5.6-3.5-6.2c-2.7-0.6-5.4,0.8-6.2,3.5
-				c0.6-2.1,3.1-2.6,4.6-1c0.8,0.9,1,1.8,0.8,2.8c0.2-0.5,0.1-0.4-0.1,0.3c-0.4,0.7-1,1.2-1.8,1.4c-0.9,0-1.8,0-2.7,0
-				c-1.8-0.6-2.5-1.6-2.3-3.1c-0.1-0.4-0.1-0.7,0.1-1c0.2-0.3,0.1-0.3-0.1,0.1c0.1-0.1,0.2-0.2,0.3-0.4c-0.2,0.3-0.5,0.5-0.7,0.8
-				c-0.1,0.1-0.2,0.2-0.3,0.3c-0.3,0.2-0.2,0.2,0.1-0.1c1.3,0.2,2.6,0.4,3.9,0.6c0.2,0.4,0.5,0.9,0.7,1.3c0.2,0.6-0.2,0.9-0.2,1.4
-				c0,0.4,0.4-0.5-0.1,0.1c0.3-0.4,0.6-0.7,1-1c1.9-1.8,2-5.3,0-7.1C178.7,107.9,175.6,107.8,173.6,109.8L173.6,109.8z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st7" d="M151.2,248.6c-5.7,7,1.7,16.9,10,13.3c3.4-1.5,6.3-5,6.3-8.9c0-4.2-2.7-7.6-7-7.8c-3.1-0.1-5.8,3.3-4.8,6.3
-				c1.2,3.4,3.7,6.1,7.3,7c2.6,0.6,5.4-0.8,6.2-3.5c0.7-2.5-0.9-5.5-3.5-6.2c-1.7-0.4,0,0.1-0.2,0.1c-0.4,0-0.4-0.8-0.1-0.1
-				c-1.6,2.1-3.2,4.2-4.8,6.3c-2.4-0.1-2.8-1.1-3-2.6c0.1,0.7-0.1,0.2,0.1-0.1c0.7-0.9-0.5,0.5,0,0c-0.5,0.5-0.3,0.1-0.2,0.2
-				c0.1,0,0.6,0,0.7,0c0.4,0.1,0.5,0.4,0.8,0.6c0.2,0.3,0.2,0.2-0.1-0.2c0.1,0.1,0.1,0.3,0.2,0.4c0,1,0.1,1.1-0.7,2.1
-				c1.7-2.1,2-5,0-7.1C156.5,246.8,152.9,246.5,151.2,248.6L151.2,248.6z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st7" d="M204.1,205.7c0.8,4.8,5.3,8.6,10.1,8.6c5.1,0,9.5-3.9,10.3-8.9c0.7-4.4-0.2-12.1-5.3-13.6
-				c-2.7-0.8-5.2,0.5-7,2.4c-1.1,1.2-1.5,1.7-3.1,1.2c0.7,2.8,1.5,5.6,2.2,8.4c0.2-0.2-0.5,0.2-0.5,0.2c6.3,1.4,8.9-8.2,2.7-9.6
-				c-3.5-0.8-6.6,0-9.3,2.4c-3,2.6-1.1,7.2,2.2,8.4c2.6,0.9,5.5,0.8,8-0.2c1.3-0.5,2.4-1.2,3.4-2.1c0.4-0.3,0.7-0.6,1-1
-				c0.2-0.3,0.4-0.5,0.6-0.7c0.4-0.4,0.3-0.4-0.5,0.3c-0.9,0-1.8,0-2.7,0c0.2,0.1,0.3,0.1,0.5,0.2c-0.7-0.4-1.5-0.9-2.2-1.3
-				c0.1,0.2,0.3,0.3,0.4,0.5c-0.4-0.7-0.9-1.5-1.3-2.2c0.4,1.2,0.8,2.5,1,3.7c0,0.4,0,0.8,0,1.2c0,0.5-0.5,0.9,0,0.4
-				c-0.8,0.6-0.9,0.2-1.1-0.9c-0.4-2.7-3.8-4.1-6.2-3.5C204.7,200.3,203.7,203,204.1,205.7L204.1,205.7z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st7" d="M265.9,179.6c0.2,0.4,0.5,0.9,0.7,1.3c0.6,1.1,1.8,2,3,2.3c1.2,0.3,2.8,0.2,3.9-0.5c1.1-0.7,2-1.7,2.3-3
-				c0.3-1.4,0.1-2.6-0.5-3.9c-0.2-0.4-0.5-0.9-0.7-1.3c-0.6-1.1-1.8-2-3-2.3c-1.2-0.3-2.8-0.2-3.9,0.5c-1.1,0.7-2,1.7-2.3,3
-				C265.1,177.1,265.3,178.3,265.9,179.6L265.9,179.6z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st7" d="M200.4,295.8c-6.1,1.6-8.1,8.6-5,13.7c2.8,4.7,9.1,7.2,14.3,5.4c4.9-1.7,7.8-7.1,6.3-12.2
-				c-0.8-2.7-2.7-4.8-5.3-5.8c-1.4-0.5-2.8-0.7-4.2-0.8c-0.1,0-0.9-0.1-0.9-0.1c0.2-0.4,1.2,2.5,0.9,0.7c0,0.9,0,1.8,0,2.7
-				c-0.1,0.1-0.1,0.1-0.2,0.2c3.1-5.6-5.5-10.7-8.6-5c-1.7,3-1.1,6.6,1.4,9c1.3,1.2,2.8,2,4.5,2.3c0.8,0.1,1.6,0.2,2.4,0.3
-				c0.4,0,0.7,0,1.1,0.1c0.2,0.1,0.1,0.1-0.2-0.1c0,0.1-0.6-0.5-0.6-0.5c-0.1-0.1-0.1-0.2,0-0.3c0.1-0.3,0.1-0.1-0.1,0.5
-				c-0.3-0.1,0.7-0.2-0.3-0.3c-0.9-0.1-1.1-0.6-1.8-0.9c0,0-0.2-0.3-0.3-0.3c0.3,0-0.8,1.2-0.8,1.2
-				C209.3,303.8,206.6,294.2,200.4,295.8L200.4,295.8z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st7" d="M244.8,355.3c-4-6.2-11.2-2.3-12,3.9c-0.8,5.9,1.8,12,6.5,15.6c4.5,3.5,11.5,4.9,16.7,2.1
-				c6.4-3.3,5.4-9.8,4.9-15.9c-0.5-6.3-1.9-12-9.5-12.1c-5.1-0.1-13.1,0.2-14.5,6.4c-1.2,5.4,2.5,12.8,8.2,13.8
-				c6.2,1.1,11.2-5.5,7.8-11c-2.2-3.5-8.1-3.1-9.1,1.2c-1.1,4.4,0.5,8,4.1,10.6c5.2,3.8,10.2-4.8,5-8.6c0.2,0.2,0.4,0.5,0.5,0.7
-				c-3,0.4-6.1,0.8-9.1,1.2c-0.4-0.7,3.4-3.1,2.9-4.8c-0.8-2.6-1.7,1.4-1.9,1.1c0,0.1,5.2-0.1,5.6-0.4c0.7,0.1,0.8-0.1,0.2-0.6
-				c-0.4-0.7-0.5-0.8-0.4-0.3c-0.2,0.3,0.2,1.9,0.2,2.3c0.2,2,0.3,4,0.5,5.9c0.1,1.6,0.4,1.7-1.1,2c-1.3,0.2-2.9-0.3-4-0.9
-				c-1.4-0.8-2.5-2-3.1-3.5c-0.3-0.7-0.4-1.3-0.5-2c0-0.3-0.1-0.7,0-1c0.2-1.9-1.1-1.5-3.8,1.2c-1-0.8-2-1.5-3-2.3
-				c0.1,0.2,0.2,0.4,0.4,0.6C239.6,365.7,248.3,360.7,244.8,355.3L244.8,355.3z"/>
-		</g>
-	</g>
-	<g>
-		<g>
-			<path class="st7" d="M336.5,337.4c-2.4-1.5-5.1-2.5-7.9-1.8c-2.7,0.7-4.9,3.2-5.3,6c-0.9,6.4,6.3,8.3,11.2,8.4
-				c4.8,0.1,10.6-2.4,10.9-7.9c0.2-5.6-5.5-9.6-10.6-6.9c-5.7,3-0.7,11.6,5,8.6c-0.1,0.1-0.2,0.1-0.3,0.2c-0.9,0-1.8,0-2.7,0
-				c-2.1-0.4-1.4-4.8-0.3-4.3c0,0-1.3,0.3-1.3,0.3c-0.6,0-1.2,0-1.8-0.1c-0.5-0.1-1-0.2-1.5-0.4c-1.2-0.5-1-0.2,0.6,0.7
-				c0.2,0.8,0.5,1.7,0.7,2.5c-3.4,1.1-4.4,1.9-2.8,2.7c0.4,0.2,0.7,0.4,1.1,0.7C336.9,349.6,341.9,340.9,336.5,337.4L336.5,337.4z"
-				/>
-		</g>
-	</g>
-	<path class="st3" d="M224.3,256.5L252,273v-40l32,20v-38l28,17l4-28l23,12l-3-24c0,0-14-8-35.5-6.4c-11.6,0.9-24.3,6.8-33.5,11.4
-		c-14,7-23.7,18.9-31.2,29.1C227,238,224.3,256.5,224.3,256.5z"/>
-	<path class="st3" d="M372.9,248.9l-28.8-14.5l2.9,39.9l-33.3-17.7l2.7,37.9l-29.1-15l-2,28.2l-23.8-10.3l4.7,23.7
-		c0,0,14.5,7,35.9,3.8c11.5-1.7,23.7-8.5,32.6-13.8c13.5-8,22.3-20.5,29-31.2C371.5,267.5,372.9,248.9,372.9,248.9z"/>
-</g>
-<g>
-	<g>
-		<path class="st8" d="M235.2,121.6c8.5-3.1,23.2-0.1,27.8,8.4c2.3,4.4,4.5,9.9,4.5,14.9c0.1,5.5-2.7,10.5-5.3,15.3
-			c-1.5,2.8,2.8,5.4,4.3,2.5c3.1-5.8,6.3-11.9,6-18.7c-0.3-6-2.8-12.8-5.9-17.9c-6-9.5-22.6-13.1-32.7-9.4
-			C230.9,117.8,232.2,122.7,235.2,121.6L235.2,121.6z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<path class="st8" d="M241.1,110.5c11.6-2.3,25.6,2.3,32.2,12.4c6.6,10.2,6.1,22.8,3.1,34.2c-1.3,5,6.4,7.1,7.7,2.1
-			c3.8-14.3,3.8-30.3-5.5-42.6c-8.9-11.7-25.5-16.6-39.6-13.8C233.9,103.8,236.1,111.5,241.1,110.5L241.1,110.5z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<path class="st8" d="M245.4,97.5c7.8-1.8,15.5,0,22.9,2.8c7.2,2.7,15,6.1,20.3,11.8c10.7,11.7,9.5,29.3,8.7,44
-			c-0.3,6.4,9.7,6.4,10,0c1-17.9,1.2-38.5-12.7-52.1c-6.4-6.3-15.3-10.2-23.6-13.3c-9.1-3.4-18.6-4.9-28.2-2.8
-			C236.5,89.2,239.1,98.9,245.4,97.5L245.4,97.5z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<path class="st8" d="M155.8,158.5c-13.1,4.8-14.2,21.6-10.1,33.1c4.3,12,15.2,20.6,28.2,20.5c3.2,0,3.2-5,0-5
-			c-9.9,0.1-18.6-5.9-22.6-14.9c-3.9-8.6-5.2-24.8,5.8-28.9C160.2,162.3,158.9,157.4,155.8,158.5L155.8,158.5z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<path class="st8" d="M164.1,216.5c-11.4-2.2-18.8-11.4-22.7-21.9c-3.6-9.6-7.7-25.3,1.2-33.1c3.9-3.4-1.8-9-5.7-5.7
-			c-11.3,9.9-7.9,28.5-3.3,40.9c4.8,13,14.1,24.7,28.3,27.5C167,225.2,169.1,217.5,164.1,216.5L164.1,216.5z"/>
-	</g>
-</g>
-<g>
-	<g>
-		<path class="st8" d="M152,231.7c-27.3-13.3-38.1-46.5-23.3-73.2c3.1-5.6-5.5-10.7-8.6-5c-17.3,31.2-5.3,71.1,26.9,86.9
-			C152.7,243.1,157.8,234.5,152,231.7L152,231.7z"/>
-	</g>
-</g>
-</svg>
+<svg width="49" height="49" viewBox="0 0 49 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24.8701 0.410156C38.1001 0.410156 48.8701 11.1802 48.8701 24.4102C48.87 37.6401 38.1001 48.4102 24.8701 48.4102C11.6402 48.4102 0.870217 37.6401 0.870117 24.4102C0.870117 11.1802 11.6401 0.410156 24.8701 0.410156ZM24.8701 3.16016C13.1501 3.16016 3.62012 12.6902 3.62012 24.4102C3.62022 36.1301 13.1502 45.6602 24.8701 45.6602C36.5901 45.6602 46.12 36.1301 46.1201 24.4102C46.1201 12.6902 36.5901 3.16016 24.8701 3.16016ZM31.6807 37.625H16.3301C15.5707 37.625 14.9551 37.0094 14.9551 36.25C14.9551 35.4906 15.5707 34.875 16.3301 34.875H26.8994L19.9141 22.8711L11.9404 36.6777C11.5606 37.3352 10.72 37.5603 10.0625 37.1807C9.40497 36.8009 9.17994 35.9603 9.55957 35.3027L19.9053 17.3887L31.6807 37.625ZM42.209 30.499L42.2734 30.624C42.561 31.2588 42.3263 32.0211 41.7109 32.3789C41.0955 32.7366 40.3175 32.5629 39.9082 31.999L39.8311 31.8809L35.9326 25.1748H27.9805C27.2211 25.1748 26.6055 24.5592 26.6055 23.7998C26.6056 23.0405 27.2211 22.4248 27.9805 22.4248H34.333L28.7031 12.7412L25.5605 18.1777L25.4844 18.2959C25.0765 18.8613 24.2982 19.037 23.6816 18.6807C23.0242 18.3006 22.7996 17.4592 23.1797 16.8018L28.6963 7.25879L42.209 30.499Z" fill="#12a66f"/>
+</svg>
\ No newline at end of file
diff --git a/awx/ui/public/static/media/favicon_ascender.ico b/awx/ui/public/static/media/favicon_ascender.ico
index b655d342d9d1800bf80235e4ba55497024f72181..8a1571b4ed7bb9511146cfee5aece31ba90d9a8b 100644
GIT binary patch
literal 15086
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

literal 15406
zcmeHOdvsLQxgYAI+G{Iqfy{Z#WK`;{ENykgoRetj%B>b=5~Q}*$Z83g_5upMAXj4K
zrA(2SKqT)(5Gn-<Xb?!|5fe~Cf{7p@Z>smQYN@5tTJafPCS>mKJCi-x=gc_?!Nk9u
zwf5TQ?DIW-XP>>l@7v$rW3!F2U11wN+J@R?d*n)+O|jW*E?4;e``@<NUO?OJxA#52
z*=B1TYqNbHG++ToxE+=0FWIjaCi~Q?<e&mh{JgfWdHm{*WWN$X9ZW$<_9+{A=3`~T
z#P(8qRcDEPttSw_2r@#T$s-z%FTtbTQ(Is0_|%m=e|w3r8zt0H60_hwf7}@8IuBhR
zByCE%20Sm|{{7^Ddb*Fl=U!i&lkqnfj}hC7?cMFA!kPB$>+$wB8|b$Yt-CTljnR1m
z>cTL;;%9ACw-yP@+lqxydx^M-wI>JTf80k~-`6$@_is^~ry~A7Mi)Zgv=j*^h`+5U
zCV{n64cb2ebFZgDo#6H-Bx$@p<=xWKvDY0~DJ?y`Mp}9_Uo2@UgzjRYmFJ~vh8O)%
zfbwFPUwx{2sWh|pcT%V^M+`OPi6P=|DYnlu@=vZ#{0?}|qAxx|eF3F=ia$|$WwG4A
z^W*(LJ6`miZyEXN9^+sO=?xcU54HK1$x`DgSvtH%EbG(1f!fV}o~neqBmBWc_qMst
z8;P!Iz3r+uR*R>Izd291(~Ot30e=T%yi+=F!gV|5#<rHH+ODWuB~H`cf34WW=&b4#
zpE4i(OP-(MO5Z*=HspIuno_$`IzaqK*9x<(_*i?=p4&&?Q>n&mOmp2&{DDll9sIp-
z<cObi;#)Gh!D?@k?aCMDIZp<jkV9JkXG_lw#$$ZGbAe+e<8R24FvExTD_<ZwgHJe4
z?e|LihQ@j6)MRH|C`l+}pR9f!f5J5SHdLngmH)<^vzyVn1IlEKfk$9h=2CG7)Oq-x
zzokNa+V}M-v&?u|TSu{QXGdAgd{!`D|C4MGWLVlH;!P}1ycRSc@^og`9>4Mjrpv5`
zZK~JoTPbWDN_&a@39@03)x*g<nN*tu%iaHj+?m|-2v%d8+pi?{bLp=-i|iAizc-@4
zM7YrQT+BG4LcjWXS<rVs&yD8|{ByHw^kW;(W4uOR7m#kIAMgGWqw)CT?=#4(V$YI;
zakm+snZ7@b2gYNp8}sCAq5nf(e_L_PPZ(WldFmB-=XWD|e9A@lo&*;?_f#sGXeS$f
z3^bi&hhT^Q9--C7j?(3+QcZ0q$!IIG&m`Z#^y54HZ-}M^_rtea!OQdnlvUhg-6iN=
z=4pY+()JP~d_x1TzoXQ?NGA|Co?WU8ncYmT$EUm(w?6JFBi-ccH~~KCb4EwC+ZP{i
zq+|DOg)z6nw}hDfjuPQq)3f3j_METL#}&NXltBD1_~&$;>`z$E(_q{kHPZ0+t%dd?
zUO&FUANl9}wYx%1*2(rO)%^3+a@!T?>%a0eZl5}br{S-gyy7=n3dN6j{l|)gi98K|
z?G4$!2H7Y2<trCc0(WY@lIWu5iBJ7Bsdj>;?`g@G(kU*8=r0zI@%qfJVMmws>!<il
z&1Q5M_d)&{=7Z+Ds=e~~*H%bf^{b>ajoH!}!~|#H)6X2u7rJ@<m~)RZSynZTFN_0z
ze4UDGio1&DBXsk2G6Y|t`M&C9^6J-C$f3GbQm7$Y3LRP_hK{U-U(XN6MfCoy#lqS4
zvT$5zrJJ?mop<TqQ+)vQA&YMV#zRD3?wxRT%`*9)gXwQ87XQHH4_1eL9p{t$$^qy;
zrPJ?Me@$|#7CWX@FO@@s>2EI?XXzWF@F1Rru0I>}adubv2=Vzhh|mAHynitLuzv&k
zhA91Lz&BWIr61$2nDO{CWu<0`tnPnORu8U>QQydoQ4i&cf9JnH)&-Wnfypt}QxWSy
zKgG-3d*d3hJm%!BMtXLCc#Sa8F#fu%;%dfYRm0Ymo9KU?=xNPi#@D!7+|KK7E)aEV
zG&3Hnw#k7z?~T&$Q)dwUALqpW>cs^PT|YGB#*D-KyTI#jDX?4m1}nXh_K<B<icdYx
zFu?wtMr?FVSiiHbe7++x4ydg@TUuh6{{#Alh@Js1VDBGi`jZ3Uwd{r&vA1lU9oxHe
zzVqXnjF^8Tc3O|rXNiB&>CY1^eZv4Mb&ot%cZ>yw^T5zM$sb2ywQa*guKX>tU7?)|
zoS}+E@+@kr^-5Fp_D}e9DC-iEVf915?|}U~K+nCY6RuuA!*!bJ_hmSaQ2Tzb9OU&k
z<q1Px*N_~u-{ea5Kiod$m+TqVaGgwlWrib!weW+lu8=SC`Z53SVDw+O#yBJ&#N?p=
z7wGlNU3&W~9A>m5QEy6jjmG#pL*GCA{!#Y-HzT2!m$~g>=OzpNAJ^oD=LAnb+}GP5
zj!iVv-<U1yY{GEs<>kHnsH4r;|8+U?Z9L6LUhn!J$2^_>r=^CG)Mu1kKIg{keHn5y
z;-B`{ymI@2RrXXP%~$sW_W&7m3S!ey2FjCAUSx`2{T?e*s}sjl8ED-Jk=pNm<gPq>
z;%@R(-K8s&D-*{X3zJKF*czD08LaMDD>_;V$9~UPD9_O6M^D3#X$3yz1Nf8=(7s|Y
zxrhZzQT_p5tzgafPpu#yj9Bn}$oLm4Bon!5$W>2c?QXf&GwLLa?Zx&+<X}%@jd&XC
zRIPND3Ll`%rkF2`H!2=HMzNw%9=rc(<sBl{%U!^uk0S@a?@6wVcQZMI)orEr2ii-;
zk6Dg^@=JZ?-M31loA2EhcYR7g-D!g36UxC^$Va|A!E3@Z=)0h=-kiKEPOy-xYyQh7
z*EPVsj$x--!(JxzqTZ~<G4R3IOL!RL0J&^kU-r^I1Y3{rg2OSqmNy<0uR&%v@MrNp
zpO<UA#=7<f<g<=P;V%_F>nIcY_Z~0@p@&=F_q|6zJ>h;OoNwY~({};=CkAYn@Gi>x
zDTtYPSp!|S7YVa5?k`5;7mxpG{TSUhL=3#q3=eWOb9o)9jg&K0Hki>4)&|>f&{O64
zIxo-an)VQA--P9t*gJ&BkA01ik8%dE9ejR4>rdo8Iz3h6BRV~M?xJrsz#3RL26f*A
z-)*{4uho59so)0YUL$_Ab#)YtyUEDs4X@3sO!}}lIjH`O(Wg`-(AsSu)~i(ZqEBmJ
z53A8uh3g=`BkZQ>JDgx^EGEmU4k2F!+(E)_f`6Ma$I0YizD|MeNUkx0!>87m<s2Cw
ztKst~S84WbdNFUGV044k&DalUDYU<5#E-FauCrA9krls|qw*<7BDnke@f60EZvW3j
z#;D|ALOSM#nNK)5$)BjL@l5!1O(EnWTZ>~BBe!+Ih#$77_V^3-u{s9shV~aQR-OU=
zi-vdT#vbKz%7=60y347RcYhN;VH@Q^47`*p+?rHwosZ-NH5b{(wiel6Ww}W<eo%L#
zEVIgQFd6vHKS3WxkKuq)H);1>+P(&(<?EC{!Y#mU%%#!%?MkUs9^z>Sx^6F#5`q1!
z5kF#x_d1`m(^mX|Kk6s+BjxpUwgdNP=-sTC!K2H6bNp{ls)%=3@fq7&3dBwN+-!J%
zqOHX4?<}`nZKOB5cULAn#Od#U51+E#j6Ml|9^>XcGalHaXKnEDW_-rBL#rhjdG#}9
z_%ZgAjr3OcWbdKZu$P1H0sk<CJ6pi`k(d21Gwc|L=PABsbOY676PpW!r-5JFv)7HE
zV*4@J)Jy6ErUPSTsRbsT@1u1B`u=q@TJ*sVCeM#Oi`Tqj#{QLJX8kHLvmr;!d}EE6
ziJX4sk!QusrnSP7=0fp=5kLGD#ScTycctvceDs-)iMQ#T0>ec)ap0u5zJHu)*9qt0
z(|^q9_B|;*h`oqz?9KPoWl24+XG=XeW6*<~aL=1-#h#{ovFB(3^}W9TwfL=UTx73>
z$s4TJ?4eKHZo~yY@EPK5iv32-LGFmgH)zakX5FNku)V69KmO}`m&vuSJ{3M2P@g4*
zfIkHMp~Jc1Jq_)wL^OWd*IoBF>~ju=*W@{!Y56sZ-XGDK6~D5X>=f+{;(gkT?}+h)
zI4WT|+pn%(;+RN#Aw$P+{}_7&513%Pq$aX^z!nt`(A@S^A?EhQKZxhi@do?=^Vf*0
zuB=|>{9Vmbxo4>O5q};#Tq1q<lE7LJVICJn^)JRZ){YsNA9ZHW&{mV=4WAVVKJK#9
znI80iXsGyMgO*#sy5wf^tLX1@COA)`O}}r~H;3UrrZNSUkIQcCWu3bW{2#XFeK%q!
zn7kp^+WJzz?`QHZ5!*xSh1Bv15kHAMTm{b5gocX0twbyvGFA%)w?F<KV2<9iin5t1
z_LckBYvgnGEOPu3XNuBZSt_UPeNs-V^~!1WSwdPvj*xaJSIDP5UD{LQ?GMJyXYGYT
zoCTaAH}|dA2R&<ocl<NIFFuf>PVCRZcIJ@%H{!>cy{a!dZ+YDmHzO9He2M9JXX6R;
z<oQ&bDdKspuIY>&?0<8V{VxzNv=$1F(R$E|_j1~Cp5aHpNqM%&ST|gMg7wRTOt#e;
zk3Bz_EBqY$fftSVTZ_bZI||1AfYA+Ct)11vde?xt|6KxVJDuYredY7UUbp2D$E~z?
zXQrRlAc%kJEd1|FweT5cd|$K;<KqD<{O|`)G5MQkOE=>z;*Rq9=4-wBHR9dakL)(X
z-&A0|zGd<+x7OB|rv6yzn)+&gu5`=n*yTIsI?wG~5PO$V7p-sWpOIcPjeqh-c7Khq
zAa<j3!n%0P<BMO<a28D;|E(>vVov~n=;ejZEv%i@^;z-{fd6k%_$mI(7p611k*X<w
z4_oxt{&A#qxnJo&r}g`ESNi5zt`Onhwa|HX*CHX7VIhBjv$YwBKR-9(KawYQV(diD
zT{E8HuC?`XK;6W?0b<eWdv+^YjFp!vU%T-kS0ls!@}t-Xf6SS~Y*DRO9D}pfdrji!
z-ljaM;CNAgo^QBu^YU<BYdWn15F?*Qok8cv==r+oH{SF7j2r&N<F8!ge5)!`lIi(@
zm5zzP|EUT7(@pvI6r%Yue#zzWcJ%-Mp`64S+aHonvX#&M>V}oi&vaeX<9BogGbQb8
z2+kF6rnAi^_?zEeJ?5KV26m<c=O}ZKkKN7Z7Rsi%=HLv$Sss7IB1Z`E&(?j*g<Eiz
z;DQ<cH*>`WOzxLeQ=Bt7py<vFuAk<(X~Rs{JJI+ZClP<{HjDoctr7lFYjN&!gx_V9
zF`q~=%f@uqIwO9>&%HHE9iN-wKY|!;gmDf@{HApIwk@+<7c~1%_6Os~D*kU=Eq!z(
zH%50>YDmgPh#3AWcq#btABWv7`L59;1mm*BZhcsG@0jQ8(d@r<|DS7EEzTQiUhT3$
z4S{j%oLB+)-y9Hsj`+^&tHpmGg4i#Obp4#Tt6utTY!>kMSdIUNZ29-Yy+#?%7u>l}
zPQp2!_s#Ghd`9X$m?LR^Z#Z=hr!2}D?q29TXo^2e+B=-OMoQM6N1bU#{0COT2R|*|
xKT<k}Q*N!-bxlQvqr7UdGgz}+4&p3e5b?vh`e)47Wy7iaD_LLlz@_xS{{xLr=~n;%

diff --git a/awx/ui/public/static/media/web-app-manifest-192x192.png b/awx/ui/public/static/media/web-app-manifest-192x192.png
new file mode 100644
index 0000000000000000000000000000000000000000..df21ab09791c110f3fc09ee25e1589f812a03a69
GIT binary patch
literal 5365
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
Ee^-<Cwg3PC

literal 0
HcmV?d00001

diff --git a/awx/ui/public/static/media/web-app-manifest-512x512.png b/awx/ui/public/static/media/web-app-manifest-512x512.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc67edd11f388deaf72b62860b196cf6e8d44bbb
GIT binary patch
literal 19045
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

literal 0
HcmV?d00001

diff --git a/awx/ui/src/components/About/About.js b/awx/ui/src/components/About/About.js
index bf680b11..6882dae7 100644
--- a/awx/ui/src/components/About/About.js
+++ b/awx/ui/src/components/About/About.js
@@ -47,9 +47,8 @@ function About({ version, isOpen, onClose }) {
       onClose={onClose}
       productName={brandName}
       trademark=""
-      brandImageSrc="static/media/AscenderAuto_logo_h_rev_M.png"
+      brandImageSrc="static/media/Ascender_logo.svg"
       brandImageAlt={t`Brand Image`}
-      backgroundImageSrc="static/media/CIQ_grayscale_bkgd.jpg"
     >
       <pre>
         {speechBubble}
diff --git a/awx/ui/src/components/AppContainer/AppContainer.js b/awx/ui/src/components/AppContainer/AppContainer.js
index e63d1e56..00618ac5 100644
--- a/awx/ui/src/components/AppContainer/AppContainer.js
+++ b/awx/ui/src/components/AppContainer/AppContainer.js
@@ -53,24 +53,8 @@ function AppContainer({ navRouteConfig = [], children }) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [config.analytics_status]);
 
-  // Dynamically load ascender.css based on ASCENDER_DISABLE_GRADIENT UI setting from config
-  useEffect(() => {
-    const link = document.createElement('link');
-    link.rel = 'stylesheet';
-    if (
-      config &&
-      typeof config.uiConfig?.ASCENDER_DISABLE_GRADIENT !== 'undefined' &&
-      !config.uiConfig.ASCENDER_DISABLE_GRADIENT
-    ) {
-      link.href = '/static/css/ascender_gradient.css';
-    }
-    document.head.appendChild(link);
-  }, [config]);
-
   const brandName = config?.license_info?.product_name;
-  const alt = brandName
-    ? t`${brandName} logo`
-    : t`brand logo`;
+  const alt = brandName ? t`${brandName} logo` : t`brand logo`;
   const customLogoMenu = config?.uiConfig?.CUSTOM_LOGO_MENU;
 
   const header = (

From 5676e7e57a6c77f8038b14ca35c59a753984db33 Mon Sep 17 00:00:00 2001
From: Jesus Vilar <jvilar@ciq.com>
Date: Wed, 19 Nov 2025 12:16:59 +0100
Subject: [PATCH 6/6] fix: pr feedback

---
 awx/ui/src/components/PaginatedTable/ToolbarAddButton.js      | 2 +-
 awx/ui/src/screens/Inventory/InventoryGroup/InventoryGroup.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/awx/ui/src/components/PaginatedTable/ToolbarAddButton.js b/awx/ui/src/components/PaginatedTable/ToolbarAddButton.js
index 1cd7ccad..db028881 100644
--- a/awx/ui/src/components/PaginatedTable/ToolbarAddButton.js
+++ b/awx/ui/src/components/PaginatedTable/ToolbarAddButton.js
@@ -38,7 +38,7 @@ function ToolbarAddButton({
   }
   if (linkTo) {
     return (
-      <Tooltip content={defaultLabel || t`Add`} position="top" open>
+      <Tooltip content={defaultLabel || t`Add`} position="top">
         <Button
           ouiaId={ouiaId}
           component={Link}
diff --git a/awx/ui/src/screens/Inventory/InventoryGroup/InventoryGroup.js b/awx/ui/src/screens/Inventory/InventoryGroup/InventoryGroup.js
index be4e8d7b..873c417a 100644
--- a/awx/ui/src/screens/Inventory/InventoryGroup/InventoryGroup.js
+++ b/awx/ui/src/screens/Inventory/InventoryGroup/InventoryGroup.js
@@ -46,7 +46,7 @@ function InventoryGroup({ setBreadcrumb, inventory }) {
     {
       name: (
         <>
-          <ChevronLeft aria-label={t`Back to Groups`} />
+          <LucideIconChevronLeft aria-label={t`Back to Groups`} />
           {t`Back to Groups`}
         </>
       ),