diff --git a/src/app/shared/[classSlug]/[type]/[token]/SharedGroupViewer.tsx b/src/app/shared/[classSlug]/[type]/[token]/SharedGroupViewer.tsx
index f0e11fb..a43e032 100644
--- a/src/app/shared/[classSlug]/[type]/[token]/SharedGroupViewer.tsx
+++ b/src/app/shared/[classSlug]/[type]/[token]/SharedGroupViewer.tsx
@@ -84,14 +84,14 @@ export function SharedGroupViewer({ data }: { data: any }) {
                 </div>
               </div>
               
-              <div className="flex items-center gap-3 mt-auto pl-1">
-                {progressMap[item.id] ? (
-                  <span className="inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-primary/10 text-primary text-xs font-medium font-bold">
-                    {progressMap[item.id].currentIndex} / {progressMap[item.id].total} {data.type === "DECK" ? "cards" : "questions"}
-                  </span>
-                ) : (
-                  <span className="inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-badge-bg text-badge-text text-xs font-medium">
-                    {data.type === "DECK" ? `${item.cards?.length || 0} cards` : `${item.questions?.length || 0} questions`}
+              <div className="flex items-center justify-between gap-3 mt-auto px-1">
+                <span className="inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-badge-bg text-badge-text text-xs font-medium">
+                  {data.type === "DECK" ? `${item.cards?.length || 0} cards` : `${item.questions?.length || 0} questions`}
+                </span>
+                
+                {progressMap[item.id] && (
+                  <span className="inline-flex items-center gap-1 px-2.5 py-1 rounded-full bg-primary/10 text-primary text-xs font-bold">
+                    In Progress: {progressMap[item.id].currentIndex} / {progressMap[item.id].total}
                   </span>
                 )}
               </div>