Sdded some css to fix alignment (#3402)

apps/admin-ui/src/realm-settings/realm-settings-section.css

@@ -289,3 +289,11 @@ input#kc-scopes {
 .kc-attributeCancel {
   align-self: center;
 }
+
+.kc--attributes-validations--add-validation-button {
+  margin-top: -55px;
+  float: right;
+}
+.kc--attributes-validations--action-cell {
+  text-align: right;
+}

apps/admin-ui/src/realm-settings/user-profile/attribute/AttributeValidations.tsx

@@ -3,8 +3,6 @@ import {
   Button,
   ButtonVariant,
   Divider,
-  Flex,
-  FlexItem,
   Text,
   TextVariants,
 } from "@patternfly/react-core";
@@ -78,20 +76,16 @@ export const AttributeValidations = () => {
       )}
       <DeleteConfirm />
       <div className="kc-attributes-validations">
-        <Flex>
-          <FlexItem align={{ default: "alignRight" }}>
         <Button
           id="addValidator"
           onClick={() => toggleModal()}
           variant="link"
-              className="kc-addValidator"
           data-testid="addValidator"
+          className="kc--attributes-validations--add-validation-button"
           icon={<PlusCircleIcon />}
         >
           {t("realm-settings:addValidator")}
         </Button>
-          </FlexItem>
-        </Flex>
         <Divider />
         <TableComposable aria-label="validators-table">
           <Thead>
@@ -110,7 +104,7 @@ export const AttributeValidations = () => {
                 <Td dataLabel={t("validatorColNames.colConfig")}>
                   {JSON.stringify(validator.value)}
                 </Td>
-                <Td>
+                <Td className="kc--attributes-validations--action-cell">
                   <Button
                     key="validator"
                     variant="link"