From 2b296330c925e5f20d7cc5c6d1fe2bbad57598dd Mon Sep 17 00:00:00 2001
From: Paul Makles <me@insrt.uk>
Date: Tue, 25 Jul 2023 12:52:10 +0100
Subject: [PATCH] fix: use inline alignment for badge

---
 components/cards/ReportCard.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/cards/ReportCard.tsx b/components/cards/ReportCard.tsx
index 3481cb8..e33673b 100644
--- a/components/cards/ReportCard.tsx
+++ b/components/cards/ReportCard.tsx
@@ -8,9 +8,11 @@ export function ReportCard({ report }: { report: Report }) {
     <Link href={`/panel/reports/${report._id}`}>
       <Card className="transition-all hover:-translate-y-1 hover:shadow-md">
         <CardHeader>
-          <CardTitle className="overflow-ellipsis whitespace-nowrap overflow-x-clip flex gap-2 items-center">
+          <CardTitle className="overflow-ellipsis whitespace-nowrap overflow-x-clip">
             {report.content.report_reason.includes("Illegal") && (
-              <Badge variant="destructive">Urgent</Badge>
+              <Badge className="align-middle" variant="destructive">
+                Urgent
+              </Badge>
             )}{" "}
             {report.additional_context || "No reason specified"}
           </CardTitle>