diff --git a/packages/frontend/app/(dashboard)/course/[cid]/components/AsyncCentreCard.tsx b/packages/frontend/app/(dashboard)/course/[cid]/components/AsyncCentreCard.tsx
index 4a8a6d243..0afe769d6 100644
--- a/packages/frontend/app/(dashboard)/course/[cid]/components/AsyncCentreCard.tsx
+++ b/packages/frontend/app/(dashboard)/course/[cid]/components/AsyncCentreCard.tsx
@@ -31,13 +31,14 @@ const AsyncCentreCard: React.FC<AsyncCentreCardProps> = ({
     >
       <Card
         classNames={{
-          header: 'text-white bg-[#3C426F] rounded-t-lg',
+          header:
+            'text-white bg-[#3C426F] rounded-t-lg group-hover:underline group-focus:underline group-active:underline',
         }}
-        className="asyncCentreCard my-4 rounded-t-lg"
+        className="asyncCentreCard group my-4 rounded-t-lg"
         title={'Anytime Question Hub'}
         extra={
           unreadCount > 0 && (
-            <Tooltip title="The number of questions that have been updated since you last visted the Anytime Question Hub">
+            <Tooltip title="The number of questions that have been updated since you last visited the Anytime Question Hub">
               <div className="mr-8 h-fit text-sm font-normal text-gray-200">
                 <span className="text-lg font-medium">{unreadCount}</span>
                 {` updated`}
diff --git a/packages/frontend/app/(dashboard)/course/[cid]/components/CreateQueueModal.tsx b/packages/frontend/app/(dashboard)/course/[cid]/components/CreateQueueModal.tsx
index a058d220c..e332c15c9 100644
--- a/packages/frontend/app/(dashboard)/course/[cid]/components/CreateQueueModal.tsx
+++ b/packages/frontend/app/(dashboard)/course/[cid]/components/CreateQueueModal.tsx
@@ -203,7 +203,7 @@ const CreateQueueModal: React.FC<CreateQueueModalProps> = ({
               onClick={() => confirmLoadConfig('lab')}
               onMouseEnter={() => setHoveredConfig('lab')}
             >
-              Load Example Lab Config
+              Load Example Task Lab Config
             </Button>
           </span>
         }
diff --git a/packages/frontend/app/(dashboard)/course/[cid]/components/QueueCard.tsx b/packages/frontend/app/(dashboard)/course/[cid]/components/QueueCard.tsx
index 4baa2f3aa..e7973e8b3 100644
--- a/packages/frontend/app/(dashboard)/course/[cid]/components/QueueCard.tsx
+++ b/packages/frontend/app/(dashboard)/course/[cid]/components/QueueCard.tsx
@@ -85,46 +85,46 @@ const QueueCard: React.FC<QueueCardProps> = ({
         }}
         // make the card glow if there are staff members in the queue
         className={cn(
-          'my-4 rounded-md',
+          'group my-4 rounded-md',
           queue.staffList.length >= 1 ? 'glowy' : '',
           isLinkEnabled ? 'cursor-pointer' : '',
           'queueCard',
         )}
         title={
-          <span className="mr-8 flex flex-row flex-wrap items-center justify-between">
-            <div>
+          <div className="mr-8 flex flex-row flex-wrap items-center justify-between">
+            <div className="w-full group-hover:underline group-focus:underline group-active:underline">
               {queue.room}
-              <div className="mb-1 flex flex-wrap gap-y-1 sm:mb-0">
-                {queue?.type && (
-                  <Tag
-                    color={getQueueTypeColor(queue.type)}
-                    className="m-0 mr-1 leading-4 text-gray-200"
-                  >
-                    {getQueueTypeLabel(queue.type)}
-                  </Tag>
-                )}
-                {queue?.isProfessorQueue && (
+            </div>
+            <div className="mb-1 flex flex-wrap gap-y-1 sm:mb-0">
+              {queue?.type && (
+                <Tag
+                  color={getQueueTypeColor(queue.type)}
+                  className="m-0 mr-1 leading-4 text-gray-200"
+                >
+                  {getQueueTypeLabel(queue.type)}
+                </Tag>
+              )}
+              {queue?.isProfessorQueue && (
+                <Tag
+                  color="#337589"
+                  className="m-0 mr-1 leading-4 text-gray-200"
+                >
+                  Professor Queue
+                </Tag>
+              )}
+              {!queue.allowQuestions && (
+                <Tooltip title="This queue is not accepting questions right now">
                   <Tag
-                    color="#337589"
-                    className="m-0 mr-1 leading-4 text-gray-200"
+                    icon={<StopOutlined />}
+                    color="#591e40"
+                    className="m-0 leading-4 text-gray-300"
                   >
-                    Professor Queue
+                    Not Accepting Questions
                   </Tag>
-                )}
-                {!queue.allowQuestions && (
-                  <Tooltip title="This queue is not accepting questions right now">
-                    <Tag
-                      icon={<StopOutlined />}
-                      color="#591e40"
-                      className="m-0 leading-4 text-gray-300"
-                    >
-                      Not Accepting Questions
-                    </Tag>
-                  </Tooltip>
-                )}
-              </div>
+                </Tooltip>
+              )}
             </div>
-          </span>
+          </div>
         }
         extra={
           <div className="mr-8 h-fit text-sm font-normal text-gray-200">
diff --git a/packages/frontend/app/(dashboard)/course/[cid]/queue/[qid]/components/modals/EditQueueModal.tsx b/packages/frontend/app/(dashboard)/course/[cid]/queue/[qid]/components/modals/EditQueueModal.tsx
index bf35b9014..1bf59ca22 100644
--- a/packages/frontend/app/(dashboard)/course/[cid]/queue/[qid]/components/modals/EditQueueModal.tsx
+++ b/packages/frontend/app/(dashboard)/course/[cid]/queue/[qid]/components/modals/EditQueueModal.tsx
@@ -979,7 +979,7 @@ const EditQueueModal: React.FC<EditQueueModalProps> = ({
                           },
                           {
                             key: '2',
-                            label: 'Load Example Lab Config',
+                            label: 'Load Example Task Lab Config',
                             onClick: () => {
                               const exampleLabConfigString = JSON.stringify(
                                 exampleLabConfig,
diff --git a/packages/frontend/app/globals.css b/packages/frontend/app/globals.css
index 2be35533d..a5308510b 100644
--- a/packages/frontend/app/globals.css
+++ b/packages/frontend/app/globals.css
@@ -234,7 +234,7 @@ h1, h2, h3, h4, h5, h6 {
 .queueCard, .asyncCentreCard {
   /* Tailwind shadows don't look great in this scenario so went with custom */
   box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
-  transition: box-shadow 0.3s ease;
+  transition: box-shadow 0.2s ease-out;
 }
 .queueCard:hover, .queueCard:focus, .asyncCentreCard:hover, .asyncCentreCard:focus {
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.45);