From d973f9f08641701259414b17cf3754cdf065f10f Mon Sep 17 00:00:00 2001
From: Daniel Rocha <68558152+danroc@users.noreply.github.com>
Date: Fri, 21 Nov 2025 09:30:26 +0100
Subject: [PATCH] fix(css): use `inline-flex` style instead of block on bigger
 screens

---
 web/src/components/Badge.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/Badge.tsx b/web/src/components/Badge.tsx
index b7b70e8..97fa1fe 100644
--- a/web/src/components/Badge.tsx
+++ b/web/src/components/Badge.tsx
@@ -4,7 +4,7 @@ import { theme } from "../theme";
 export default function Badge({ from, to }: { from: string; to: string }) {
   return (
     <span
-      className={`hidden sm:block inline-flex items-center rounded-full bg-${theme}-50 px-2 py-1 text-xs font-medium text-${theme}-700 ring-1 ring-inset ring-${theme}-700/10 dark:bg-${theme}-400/10 dark:text-${theme}-400 dark:ring-${theme}-400/30 break-keep`}
+      className={`hidden sm:inline-flex items-center rounded-full bg-${theme}-50 px-2 py-1 text-xs font-medium text-${theme}-700 ring-1 ring-inset ring-${theme}-700/10 dark:bg-${theme}-400/10 dark:text-${theme}-400 dark:ring-${theme}-400/30 break-keep`}
     >
       {from}
       <ArrowRight className="size-3" />