diff --git a/frontend/src/pages/leaderboard/components/CodeDialog.tsx b/frontend/src/pages/leaderboard/components/CodeDialog.tsx
index 16ba121..3039084 100644
--- a/frontend/src/pages/leaderboard/components/CodeDialog.tsx
+++ b/frontend/src/pages/leaderboard/components/CodeDialog.tsx
@@ -7,10 +7,16 @@ export function CodeDialog({
   code,
   fileName = "file",
   isActive = false,
+  rank,
+  userName,
+  problemName,
 }: {
   code: any;
   fileName?: string;
   isActive?: boolean;
+  rank?: number;
+  userName?: string;
+  problemName?: string;
 }) {
   const [open, setOpen] = useState(false);
 
@@ -50,7 +56,11 @@ export function CodeDialog({
         maxWidth="md"
         fullWidth
       >
-        <DialogTitle>Report JSON</DialogTitle>
+        <DialogTitle>
+          {rank != null && userName && problemName
+            ? `Rank #${rank} by ${userName} on ${problemName}`
+            : fileName}
+        </DialogTitle>
         <DialogContent dividers>
           <Box>
             <CodeBlock code={code} />
diff --git a/frontend/src/pages/leaderboard/components/RankingLists.tsx b/frontend/src/pages/leaderboard/components/RankingLists.tsx
index 9191c17..3354b3d 100644
--- a/frontend/src/pages/leaderboard/components/RankingLists.tsx
+++ b/frontend/src/pages/leaderboard/components/RankingLists.tsx
@@ -203,6 +203,9 @@ export default function RankingsList({
                         code={codes.get(item?.submission_id)}
                         fileName={item.file_name}
                         isActive={!showLoc}
+                        rank={item.rank}
+                        userName={item.user_name}
+                        problemName={field}
                       />
                     </Typography>
                   </Grid>