From a5d2ce2059c4972ee665940b3f08fd529d7cfc19 Mon Sep 17 00:00:00 2001
From: iCrawl <buechler.noel@outlook.com>
Date: Sun, 9 Oct 2022 01:23:54 +0200
Subject: [PATCH] fix: alert component text selection

---
 packages/ui/src/lib/components/Alert.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/lib/components/Alert.tsx b/packages/ui/src/lib/components/Alert.tsx
index 00a9d4465..8459c1a6b 100644
--- a/packages/ui/src/lib/components/Alert.tsx
+++ b/packages/ui/src/lib/components/Alert.tsx
@@ -38,13 +38,13 @@ export function Alert({ title, type, children }: PropsWithChildren<IAlert>) {
 	const { text, border, icon } = resolveType(type);
 
 	return (
-		<div className="my-4">
+		<div className="mt-6 mb-4">
 			<div className="relative flex">
 				<div className="p-4">{children}</div>
-				<div className="absolute flex h-full w-full">
+				<div className="pointer-events-none absolute flex h-full w-full">
 					<div className={`rounded-tl-1.5 rounded-bl-1.5 w-4 shrink-0 border-t-2 border-b-2 border-l-2 ${border}`} />
 					<div className={`relative border-b-2 ${border}`}>
-						<div className={`-translate-y-50% flex place-items-center gap-2 px-2 ${text}`}>
+						<div className={`-translate-y-50% pointer-events-auto flex place-items-center gap-2 px-2 ${text}`}>
 							{icon}
 							<span className={`font-semibold ${text}`}>{title}</span>
 						</div>