From 6c57a00a6595cda7a02616fa17372b4c4daac0c4 Mon Sep 17 00:00:00 2001
From: Ali <83188384+testA113@users.noreply.github.com>
Date: Thu, 31 Oct 2024 10:12:56 +1300
Subject: [PATCH] fix(cluster): UI RBAC alert fix [r8s-138] (#72)

---
 .../cluster/ConfigureView/ConfigureForm/ConfigureForm.tsx   | 6 +++++-
 .../cluster/ConfigureView/ConfigureForm/RBACAlert.tsx       | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/react/kubernetes/cluster/ConfigureView/ConfigureForm/ConfigureForm.tsx b/app/react/kubernetes/cluster/ConfigureView/ConfigureForm/ConfigureForm.tsx
index 61a053ed1..7c809f52e 100644
--- a/app/react/kubernetes/cluster/ConfigureView/ConfigureForm/ConfigureForm.tsx
+++ b/app/react/kubernetes/cluster/ConfigureView/ConfigureForm/ConfigureForm.tsx
@@ -274,7 +274,11 @@ function InnerForm({
           </div>
         </FormSection>
         <FormSection title="Security">
-          {!isRBACEnabled && isRBACEnabledQuery.isSuccess && <RBACAlert />}
+          <div className="form-group">
+            <div className="col-sm-12">
+              {!isRBACEnabled && isRBACEnabledQuery.isSuccess && <RBACAlert />}
+            </div>
+          </div>
           <div className="form-group">
             <div className="col-sm-12">
               <TextTip color="blue" inline={false}>
diff --git a/app/react/kubernetes/cluster/ConfigureView/ConfigureForm/RBACAlert.tsx b/app/react/kubernetes/cluster/ConfigureView/ConfigureForm/RBACAlert.tsx
index 993da7069..e4649045f 100644
--- a/app/react/kubernetes/cluster/ConfigureView/ConfigureForm/RBACAlert.tsx
+++ b/app/react/kubernetes/cluster/ConfigureView/ConfigureForm/RBACAlert.tsx
@@ -3,7 +3,7 @@ import { Alert } from '@@/Alert';
 export function RBACAlert() {
   return (
     <Alert color="warn" className="mb-4">
-      <div className="flex-flex-col">
+      <div className="flex flex-col">
         <p>
           Your cluster does not have Kubernetes role-based access control (RBAC)
           enabled.