fix: wacky formatting on the reason

iforge-uos · Apr 20, 2024 · 05f1f18 · 05f1f18
1 parent c75db8f
commit 05f1f18
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/...forge/src/components/signin/dashboard/components/SignedInUserCard/SignInReasonDisplay.tsx b/...forge/src/components/signin/dashboard/components/SignedInUserCard/SignInReasonDisplay.tsx
@@ -20,11 +20,9 @@ export const SignInReasonDisplay: React.FC<SignInReasonDisplayProps> = ({ tools,
             <TooltipProvider>
               <Tooltip>
                 <TooltipTrigger asChild>
-                  <Badge variant="default" className="max-w-48 rounded-sm shadow-lg">
-                    <div className="flex">
-                      {<Category category={reason.category} className="mr-1" />}
-                      {reason.category === "UNIVERSITY_MODULE" ? reason.name.split(" ")[0] : reason.name}
-                    </div>
+                  <Badge variant="default" className="max-w-48 rounded-sm shadow-lg flex items-center">
+                    {<Category category={reason.category} className="mr-1" />}
+                    {reason.category === "UNIVERSITY_MODULE" ? reason.name.split(" ")[0] : reason.name}
                   </Badge>
                 </TooltipTrigger>
                 <TooltipContent>{reason.name}</TooltipContent>