diff --git a/ui/src/components/PageSection.tsx b/ui/src/components/PageSection.tsx
index cc1f2f973..c1e160645 100644
--- a/ui/src/components/PageSection.tsx
+++ b/ui/src/components/PageSection.tsx
@@ -1,5 +1,4 @@
 import React, { ReactElement, ReactNode } from 'react';
-import { Panel, PanelMain, PanelMainBody, PanelHeader, Divider } from '@patternfly/react-core';
 
 type Props = {
   header: ReactNode;
@@ -9,12 +8,15 @@ type Props = {
 
 export default function PageSection({ header, className = '', children }: Props): ReactElement {
   return (
-    <Panel className={className}>
-      <PanelHeader className="pf-u-font-size-2xl">{header}</PanelHeader>
-      <Divider />
-      <PanelMain>
-        <PanelMainBody>{children}</PanelMainBody>
-      </PanelMain>
-    </Panel>
+    <div className="border-t-3 border-base-400 flex flex-col h-full min-h-0">
+      <div className={`h-full overflow-auto ${className}`}>
+        <header className="border-b-2 border-base-400 px-4 py-2">
+          <h2 className="bg-base-0 capitalize font-600 sticky text-4xl text-base-600 top-0">
+            {header}
+          </h2>
+        </header>
+        <div className="flex flex-col p-4">{children}</div>
+      </div>
+    </div>
   );
 }