diff --git a/src/app/collection/[folderId]/_components/Collections.css.ts b/src/app/collection/[folderId]/_components/Collections.css.ts
index 8388e63b..1ad25384 100644
--- a/src/app/collection/[folderId]/_components/Collections.css.ts
+++ b/src/app/collection/[folderId]/_components/Collections.css.ts
@@ -84,6 +84,9 @@ export const items = style({
 const item = style({
   padding: '0.45rem 0.62rem',
   borderRadius: 18,
+  display: 'flex',
+  gap: 2,
+  alignItems: 'center',
 });
 
 export const itemVariant = styleVariants({
diff --git a/src/app/collection/[folderId]/_components/Collections.tsx b/src/app/collection/[folderId]/_components/Collections.tsx
index 5c9f4a43..43e42375 100644
--- a/src/app/collection/[folderId]/_components/Collections.tsx
+++ b/src/app/collection/[folderId]/_components/Collections.tsx
@@ -40,12 +40,15 @@ export default function Collections({ folderId }: CollectionsProps) {
             <div className={styles.category}>{list.category}</div>
             <div className={styles.info}>
               <h3 className={styles.title[hasImage ? 'white' : 'black']}>{list.title}</h3>
-              <p className={styles.owner[hasImage ? 'white' : 'black']}>Sehui Park</p>
+              <p className={styles.owner[hasImage ? 'white' : 'black']}>{list.ownerNickname}</p>
             </div>
             <ul className={styles.items}>
               {list.listItems.map((item) => (
                 <li key={item.id} className={styles.itemVariant[hasImage ? 'blue' : 'white']}>
-                  <span>{item.rank}</span>
+                  <span>
+                    {item.rank}
+                    {`.`}
+                  </span>
                   <span>{item.title}</span>
                 </li>
               ))}