From 4b0f4b1bf84a6cee158af67a22c6e5cb9f128026 Mon Sep 17 00:00:00 2001
From: Nancy Huang <205217630+naanci@users.noreply.github.com>
Date: Tue, 27 Jan 2026 19:25:55 -0500
Subject: [PATCH 1/5] 683: added rounded corners for embeded leaderboard

---
 .../embed/leaderboard/_components/OrgEmbedView.tsx  | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx b/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx
index eb994f7f4..0977c32c3 100644
--- a/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx
+++ b/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx
@@ -79,7 +79,16 @@ export default function OrgLeaderboardEmbed() {
   const [first, second, third] = pageData.items;
 
   return (
-    <>
+    <Card
+      withBorder
+      radius="md"
+      p="md"
+      w="100%"
+      display="flex"
+      style={{
+        flexDirection: "column",
+      }}
+    >
       <OrgHeader orgTag={activeFilter} />
       <Center mb="xs">
         <Button
@@ -264,6 +273,6 @@ export default function OrgLeaderboardEmbed() {
           </Button>
         </Flex>
       </Center>
-    </>
+    </Card>
   );
 }

From a5472cf95f3d8cfba2aa7786f71c879e90421b4f Mon Sep 17 00:00:00 2001
From: Nancy Huang <205217630+naanci@users.noreply.github.com>
Date: Tue, 27 Jan 2026 19:46:57 -0500
Subject: [PATCH 2/5] 683: removed excess padding thats no longer needed

---
 js/src/app/embed/leaderboard/LeaderboardEmbed.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/js/src/app/embed/leaderboard/LeaderboardEmbed.tsx b/js/src/app/embed/leaderboard/LeaderboardEmbed.tsx
index 7c69bbb40..754458818 100644
--- a/js/src/app/embed/leaderboard/LeaderboardEmbed.tsx
+++ b/js/src/app/embed/leaderboard/LeaderboardEmbed.tsx
@@ -5,9 +5,7 @@ export default function LeaderboardEmbed() {
   return (
     <>
       <Box className="grow">
-        <Box pl={"lg"} pr={"lg"}>
-          <OrgEmbedView />
-        </Box>
+        <OrgEmbedView />
       </Box>
     </>
   );

From f7e2db97d1805a8410f2ed6be3a2a344e9652087 Mon Sep 17 00:00:00 2001
From: Nancy Huang <205217630+naanci@users.noreply.github.com>
Date: Fri, 30 Jan 2026 19:59:28 -0500
Subject: [PATCH 3/5] 683: adjusted box-card for cleaner UI

---
 .../embed/leaderboard/_components/OrgEmbedView.tsx  | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx b/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx
index 0977c32c3..59ca73788 100644
--- a/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx
+++ b/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx
@@ -10,7 +10,6 @@ import { theme } from "@/lib/theme";
 import {
   Box,
   Button,
-  Card,
   Center,
   Flex,
   Overlay,
@@ -79,14 +78,14 @@ export default function OrgLeaderboardEmbed() {
   const [first, second, third] = pageData.items;
 
   return (
-    <Card
-      withBorder
-      radius="md"
-      p="md"
+    <Box
       w="100%"
-      display="flex"
+      p="md"
       style={{
+        display: "flex",
         flexDirection: "column",
+        border: "1px solid var(--mantine-color-dark-5)",
+        borderRadius: "var(--mantine-radius-md)",
       }}
     >
       <OrgHeader orgTag={activeFilter} />
@@ -273,6 +272,6 @@ export default function OrgLeaderboardEmbed() {
           </Button>
         </Flex>
       </Center>
-    </Card>
+    </Box>
   );
 }

From 363efc30e2ed8809fada142eff0c88e3e87f6ccc Mon Sep 17 00:00:00 2001
From: Nancy Huang <205217630+naanci@users.noreply.github.com>
Date: Sun, 1 Feb 2026 02:40:46 -0500
Subject: [PATCH 4/5] 683: change to using flex

---
 .../app/embed/leaderboard/_components/OrgEmbedView.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx b/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx
index 59ca73788..a3a2448e9 100644
--- a/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx
+++ b/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx
@@ -78,14 +78,12 @@ export default function OrgLeaderboardEmbed() {
   const [first, second, third] = pageData.items;
 
   return (
-    <Box
-      w="100%"
+    <Flex
       p="md"
+      direction="column"
       style={{
-        display: "flex",
-        flexDirection: "column",
+        borderRadius: "8px",
         border: "1px solid var(--mantine-color-dark-5)",
-        borderRadius: "var(--mantine-radius-md)",
       }}
     >
       <OrgHeader orgTag={activeFilter} />
@@ -272,6 +270,6 @@ export default function OrgLeaderboardEmbed() {
           </Button>
         </Flex>
       </Center>
-    </Box>
+    </Flex>
   );
 }

From 3cfb0775602e82d3cd6bd9a1b1842e0a68955592 Mon Sep 17 00:00:00 2001
From: Nancy Huang <205217630+naanci@users.noreply.github.com>
Date: Sun, 1 Feb 2026 20:16:58 -0500
Subject: [PATCH 5/5] 683: import card

---
 js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx b/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx
index a3a2448e9..ff7ceb835 100644
--- a/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx
+++ b/js/src/app/embed/leaderboard/_components/OrgEmbedView.tsx
@@ -16,6 +16,7 @@ import {
   Stack,
   Text,
   Tooltip,
+  Card,
 } from "@mantine/core";
 import { IconCircleCheckFilled } from "@tabler/icons-react";
 import { useEffect, useMemo } from "react";