Add styles

wso2 · Mar 15, 2024 · 598b9e9 · 598b9e9
1 parent a8a4812
commit 598b9e9
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/modules/react-components/src/components/card/info-card.tsx b/modules/react-components/src/components/card/info-card.tsx
@@ -16,6 +16,7 @@
  * under the License.
  */
 
+import Box from "@oxygen-ui/react/Box";
 import { IdentifiableComponentInterface, TestableComponentInterface } from "@wso2is/core/models";
 import classNames from "classnames";
 import React, { FunctionComponent, MouseEvent, PropsWithChildren, ReactElement, ReactNode } from "react";
@@ -214,7 +215,7 @@ export const InfoCard: FunctionComponent<PropsWithChildren<InfoCardPropsInterfac
                                 )
                             }
                             {
-                                <>
+                                <Box className="justify-label">
                                     <Item>
                                         { image && (
                                             <GenericIcon
@@ -239,7 +240,7 @@ export const InfoCard: FunctionComponent<PropsWithChildren<InfoCardPropsInterfac
                                             { featureStatus }
                                         </Item>
                                     ) }
-                                </>
+                                </Box>
                             }
 
                             <div className="card-header-section">

diff --git a/modules/theme/src/themes/default/views/card.overrides b/modules/theme/src/themes/default/views/card.overrides
@@ -1716,3 +1716,8 @@
 .ui.cards.authenticators-grid > .ui.card {
     width: calc(100% / 3);
 }
+
+.justify-label {
+    display: flex;
+    justify-content: space-between;
+}