From a943fad7a3b45ac1c23f97502335333f312d8d10 Mon Sep 17 00:00:00 2001
From: Nico <709833+nicokunz@users.noreply.github.com>
Date: Tue, 6 Jun 2023 17:16:56 +0100
Subject: [PATCH 1/2] Update QueueCard.tsx

---
 packages/ui/src/components/QueueCard/QueueCard.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/ui/src/components/QueueCard/QueueCard.tsx b/packages/ui/src/components/QueueCard/QueueCard.tsx
index 6507443a..2e62d123 100644
--- a/packages/ui/src/components/QueueCard/QueueCard.tsx
+++ b/packages/ui/src/components/QueueCard/QueueCard.tsx
@@ -10,12 +10,12 @@ interface IQueueCardProps {
 }
 
 export const QueueCard = ({ queue }: IQueueCardProps) => (
-  <Card className={s.queueCard}>
-    <div>
-      <NavLink to={`/queue/${encodeURIComponent(queue.name)}`} className={s.link}>
+  <NavLink to={`/queue/${encodeURIComponent(queue.name)}`} className={s.link}>
+    <Card className={s.queueCard}>
+      <div>
         {queue.name}
-      </NavLink>
-    </div>
-    <QueueStats queue={queue} />
-  </Card>
+      </div>
+      <QueueStats queue={queue} />
+    </Card>
+  </NavLink>
 );

From debb5703b50608380fcbb247fd31939a4cd3064e Mon Sep 17 00:00:00 2001
From: Nico <709833+nicokunz@users.noreply.github.com>
Date: Tue, 6 Jun 2023 17:24:05 +0100
Subject: [PATCH 2/2] Added span around text to maintain card size

---
 packages/ui/src/components/QueueCard/QueueCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/components/QueueCard/QueueCard.tsx b/packages/ui/src/components/QueueCard/QueueCard.tsx
index 2e62d123..57f25c33 100644
--- a/packages/ui/src/components/QueueCard/QueueCard.tsx
+++ b/packages/ui/src/components/QueueCard/QueueCard.tsx
@@ -13,7 +13,7 @@ export const QueueCard = ({ queue }: IQueueCardProps) => (
   <NavLink to={`/queue/${encodeURIComponent(queue.name)}`} className={s.link}>
     <Card className={s.queueCard}>
       <div>
-        {queue.name}
+        <span>{queue.name}</span>
       </div>
       <QueueStats queue={queue} />
     </Card>