From 7bf2b9601f322b9a63594eb3827e444ca4e3da43 Mon Sep 17 00:00:00 2001
From: Alex <33497058+bexsoft@users.noreply.github.com>
Date: Fri, 10 Feb 2023 12:01:10 -0600
Subject: [PATCH] Fixed RegisterCluster alignment (#2653)

Signed-off-by: Benjamin Perez <benjamin@bexsoft.net>
---
 .../Console/Support/RegisterCluster.tsx       | 43 +++++++++++--------
 1 file changed, 25 insertions(+), 18 deletions(-)

diff --git a/portal-ui/src/screens/Console/Support/RegisterCluster.tsx b/portal-ui/src/screens/Console/Support/RegisterCluster.tsx
index a85f40a44..6bd78f62a 100644
--- a/portal-ui/src/screens/Console/Support/RegisterCluster.tsx
+++ b/portal-ui/src/screens/Console/Support/RegisterCluster.tsx
@@ -15,10 +15,9 @@
 // along with this program.  If not, see <http://www.gnu.org/licenses/>.
 
 import React, { Fragment } from "react";
-import Grid from "@mui/material/Grid";
 import { Box, Button } from "@mui/material";
 import { useNavigate } from "react-router-dom";
-import { HelpBox, WarnIcon } from "mds";
+import { HelpBox, WarnIcon, Grid } from "mds";
 
 interface IRegisterCluster {
   compactMode?: boolean;
@@ -44,22 +43,30 @@ const RegisterCluster = ({ compactMode = false }: IRegisterCluster) => {
   if (compactMode) {
     return (
       <Fragment>
-        <HelpBox
-          title={
-            <div
-              style={{
-                display: "flex",
-                justifyContent: "space-between",
-                alignItems: "center",
-                flexGrow: 1,
-              }}
-            >
-              <span>{registerMessage}</span> {redirectButton}
-            </div>
-          }
-          iconComponent={<WarnIcon />}
-          help={<Fragment />}
-        />
+        <Grid
+          sx={{
+            "& div.leftItems": {
+              marginBottom: 0,
+            },
+          }}
+        >
+          <HelpBox
+            title={
+              <div
+                style={{
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  flexGrow: 1,
+                }}
+              >
+                <span>{registerMessage}</span> {redirectButton}
+              </div>
+            }
+            iconComponent={<WarnIcon />}
+            help={<Fragment />}
+          />
+        </Grid>
         <br />
       </Fragment>
     );