@@ -6,8 +6,7 @@
 		children: Snippet;
 	} = $props();
 
-	const buttonClasses =
-		'flex-shrink-0 btn btn-sm ml-sm-3 mt-2 mt-sm-n2 mb-sm-n2 mr-sm-n1 flex-self-center';
+	const buttonClasses = 'flex-shrink-0 btn btn-sm flex-self-center';
 </script>
 
 {#if typeof action === 'string'}
 
@@ -11,10 +11,10 @@
 	} = $props();
 </script>
 
-<div class={['flash', ...classes].join(' ')}>
-	<div class="d-sm-flex flex-items-center gap-2">
-		<div class="d-flex flex-auto flex-self-center flex-items-center gap-2">
-			{#if icon}<DomChef as={icon} class="mr-0 tmp-mr-0" />{/if}
+<div class='flash {classes.join(' ')}'>
+	<div class="d-flex flex-wrap flex-items-center gap-2">
+		<div class="d-flex flex-auto flex-self-center flex-items-baseline gap-2">
+			{#if icon}<DomChef as={icon} class="mr-0 tmp-mr-0" style={{translate: '0 3px'}} />{/if}
 			<span>{@render text()}</span>
 		</div>