fix: overflowing inline button

kiwicom · Aug 5, 2024 · fe88f49 · fe88f49
1 parent e8f9cf2
commit fe88f49
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/orbit-components/src/Alert/index.tsx b/packages/orbit-components/src/Alert/index.tsx
@@ -145,7 +145,7 @@ const Alert = (props: Props) => {
         <div
           className={cx(
             "me-xs m-0 shrink-0 leading-none",
-            inlineActions && "flex items-center self-baseline",
+            inlineActions && "mt-xxs flex items-center self-baseline",
             ICON_COLOR[type],
             "tb:me-xs tb:[&_svg]:size-icon-medium",
           )}
@@ -166,6 +166,7 @@ const Alert = (props: Props) => {
             className={cx(
               "text-ink-dark min-h-icon-medium flex items-center font-bold",
               !!children && (inlineActions ? "mb-0" : "mb-xxs"),
+              inlineActions && "grow basis-0",
             )}
           >
             {title}