diff --git a/src/app/player/[id]/page.tsx b/src/app/player/[id]/page.tsx
index fe9c32e..a1d53a7 100644
--- a/src/app/player/[id]/page.tsx
+++ b/src/app/player/[id]/page.tsx
@@ -130,7 +130,7 @@ export default function Player({ params }: { params: { id: string } }) {
               </div>
               {/* Labels */}
               <div className="flex flex-col gap-2">
-                <div className="flex gap-2">
+                <div className="flex gap-2 ">
                   <Label
                     title="Total play count"
                     className="bg-blue-500"
diff --git a/src/components/Label.tsx b/src/components/Label.tsx
index edf9119..f7e0129 100644
--- a/src/components/Label.tsx
+++ b/src/components/Label.tsx
@@ -13,7 +13,7 @@ export default function Label({
 }: LabelProps) {
   return (
     <div className={clsx("flex flex-col justify-center rounded-md", className)}>
-      <div className="flex items-center gap-2 p-[0.3rem]">
+      <div className="p4-[0.3rem] flex items-center gap-2 pb-[0.2rem] pl-[0.3rem] pr-[0.3rem] pt-[0.2rem]">
         <p>{title}</p>
         <div className="h-4 w-[1px] bg-neutral-100"></div>
         <p>{value}</p>