From 51e67631246c500e866ad285bb6d8a993b299f53 Mon Sep 17 00:00:00 2001
From: Polaris <polaris@example.com>
Date: Sun, 21 Jul 2024 11:35:22 -0400
Subject: [PATCH] fixed misaligned text

---
 app/(authenticated)/chunithm/page.tsx | 2 +-
 components/scoreplaylog/colums.tsx    | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/(authenticated)/chunithm/page.tsx b/app/(authenticated)/chunithm/page.tsx
index 81a94dc..2cbfe09 100644
--- a/app/(authenticated)/chunithm/page.tsx
+++ b/app/(authenticated)/chunithm/page.tsx
@@ -4,7 +4,7 @@ import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 const ChunithmPage = () => {
   return (
     <div className="p-10">
-      <Tabs defaultValue="account">
+      <Tabs defaultValue="scores">
         <TabsList>
           <TabsTrigger value="scores">Scores</TabsTrigger>
           <TabsTrigger value="customize">Customize</TabsTrigger>
diff --git a/components/scoreplaylog/colums.tsx b/components/scoreplaylog/colums.tsx
index 3caad4d..8c00eb2 100644
--- a/components/scoreplaylog/colums.tsx
+++ b/components/scoreplaylog/colums.tsx
@@ -33,7 +33,7 @@ export const columns: ColumnDef<chunithm>[] = [
       const jacketPath = row.original.jacketPath?.replace(".dds", ".png");
       const [isLoading, setIsLoading] = useState(true);
       return (
-        <div className="font-medium w-[300px] truncate">
+        <div className="font-medium w-[300px] truncate flex items-center">
           {isLoading || !jacketPath ? (
             <Skeleton className="w-8 h-8 inline-block mr-2" />
           ) : (
@@ -44,7 +44,7 @@ export const columns: ColumnDef<chunithm>[] = [
               className="w-8 h-8 inline-block mr-2"
             />
           )}
-          <div className="flex-1">{row.original.title}</div>
+          <span className="truncate">{row.original.title}</span>
         </div>
       );
     },