diff --git a/src/app/(pages)/player/[id]/page.tsx b/src/app/(pages)/player/[id]/page.tsx
index caaa022..227823b 100644
--- a/src/app/(pages)/player/[id]/page.tsx
+++ b/src/app/(pages)/player/[id]/page.tsx
@@ -71,17 +71,17 @@ export default async function Page({ params }: Params): Promise<JSX.Element> {
               />
             </div>
 
-            <div className="flex flex-col gap-2">
+            <div className="flex flex-col gap-2 divide-y divide-neutral-200 dark:divide-neutral-700">
               <div>
                 <h2 className="text-xl">{player.username}</h2>
                 <p className="text-primary">{player.uniqueId}</p>
               </div>
 
               <div className="flex flex-col gap-2">
-                <p className="text-lg">Skin Parts</p>
+                <p className="text-lg mt-2">Skin Parts</p>
                 <div className="flex gap-2">
                   {Object.entries(player.skin.parts)
-                    .filter((part) => part[0] !== SkinPart.HEAD) // Don't show the head part again
+                    .filter(([part]) => part !== SkinPart.HEAD) // Don't show the head part again
                     .map(([part, url]) => {
                       return (
                         <Link key={part} href={url} target="_blank">
diff --git a/src/app/globals.css b/src/app/globals.css
index 5a9dd54..87be0f2 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -12,7 +12,7 @@
     --popover-foreground: 240 10% 3.9%;
     --primary: 142.1 76.2% 36.3%;
     --primary-foreground: 355.7 100% 97.3%;
-    --secondary: 210 10% 96%;
+    --secondary: 0 0% 100%;
     --secondary-foreground: 240 5.9% 10%;
     --muted: 240 4.8% 95.9%;
     --muted-foreground: 240 3.8% 46.1%;