fixed misaligned text

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>
       );
     },