fix(Alert): adjust styles when closable is true and inlineActions is set

kiwicom · Jul 31, 2024 · 78b6841 · 78b6841
1 parent 8bc6f92
commit 78b6841
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/orbit-components/src/Alert/index.tsx b/packages/orbit-components/src/Alert/index.tsx
@@ -74,7 +74,7 @@ const ContentWrapper = ({
   return (
     <div
       className={cx(
-        "flex min-h-[20px] items-center",
+        "min-h-icon-medium flex items-center",
         !inlineActions && "w-full",
         "[&_.orbit-list-item]:text-ink-dark [&_.orbit-text]:text-ink-dark [&_.orbit-heading]:text-ink-dark",
         ...alertDescendantClasses[type],
@@ -159,12 +159,13 @@ const Alert = (props: Props) => {
           title && inlineActions ? "flex-row" : "flex-col",
           !title && "items-center",
           inlineActions && "justify-between",
+          inlineActions && closable && "mr-md",
         )}
       >
         {title && (
           <div
             className={cx(
-              "text-ink-dark flex min-h-[20px] items-center font-bold",
+              "text-ink-dark min-h-icon-medium flex items-center font-bold",
               !!children && (inlineActions ? "mb-0" : "mb-xxs"),
             )}
           >