diff --git a/src/components/albumPage/TrackList.tsx b/src/components/albumPage/TrackList.tsx
index 8376ae4..972c484 100644
--- a/src/components/albumPage/TrackList.tsx
+++ b/src/components/albumPage/TrackList.tsx
@@ -33,13 +33,13 @@ export default function TrackList(props: Props) {
       </div>
       <div className=''>
         <div className='col'>
-          <div className={clsx('border p-3 border-t-0', { 'border-t-2': discs.length === 1 })}>
+          <div className={clsx('border rounded-sm p-3 border-t-0', { 'border-t-2': discs.length === 1 })}>
             <table className='gap-y-4' cellPadding='6'>
               <tbody>
                 {discs.length > 0 &&
                   discs[current].body?.split('\n').map((track, i) => (
                     <tr key={i}>
-                      <td>{i + 1} </td>
+                      <td className='pr-1'>{(i + 1).toString().padStart(2, '0')}.</td>
                       <td>{track}</td>
                     </tr>
                   ))}
@@ -50,4 +50,4 @@ export default function TrackList(props: Props) {
       </div>
     </div>
   )
-}
+}
\ No newline at end of file
diff --git a/src/pages/album/[id].astro b/src/pages/album/[id].astro
index 1183bf9..e328567 100644
--- a/src/pages/album/[id].astro
+++ b/src/pages/album/[id].astro
@@ -73,10 +73,10 @@ const { currentLocale } = Astro
               <Image
                 src={`https://cdn.sittingonclouds.net/album/${album?.id}.png`}
                 alt={`${album?.title} cover`}
-                class='rounded-sm size-full object-contain h-96'
+                class='rounded-sm size-full object-contain h-fit min-h-96 px-10'
                 quality='mid'
-                width={384}
-                height={384}
+                width={500}
+                height={500}
               />
             </div>
           </div>
@@ -100,21 +100,23 @@ const { currentLocale } = Astro
                   }
 
                   {
-                    (album?.artists.length ?? 0) > 0 && (
+                    (album?.artistList.length ?? 0) > 0 && (
                       <tr>
-                        <th>{m.artists()}</th>
-                        <td>{album?.artists.map(({ artist }) => artist.name).join(', ')}</td>
+                        <th class="mr-2">{m.artists()}</th>
+                        <td>{album?.artistList.map(({ artist }) => artist.name).join(', ')}</td>
                       </tr>
                     )
                   }
 
                   <tr>
-                    <th>{m.classification()}</th>
+                    <th class="mr-2">{m.classification()}</th>
                     <td>
                       {
                         [
-                          album?.categories.map(({ categoryName }) => (m as any)[`${categoryName}Osts`]()).join(' & '),
-                          album?.classifications.map(({ classificationName }) => classificationName).join(', ')
+                          album?.categoryList
+                            .map(({ categoryName }) => (m as any)[`${categoryName}Osts`]())
+                            .join(' & '),
+                          album?.classificationList.map(({ classificationName }) => classificationName).join(', ')
                         ]
                           .filter((f) => f !== '')
                           .join(' - ')
@@ -124,7 +126,7 @@ const { currentLocale } = Astro
                   {
                     album?.label && (
                       <tr>
-                        <th>{m.publishedBy()}</th>
+                        <th class="mr-2">{m.publishedBy()}</th>
                         <td>
                           <a class='btn btn-link p-0' href={`/publisher/${album?.label}`}>
                             {album?.label}
@@ -134,11 +136,11 @@ const { currentLocale } = Astro
                     )
                   }
                   {
-                    (album?.platforms.length ?? 0) > 0 && (
+                    (album?.platformList.length ?? 0) > 0 && (
                       <tr>
-                        <th>{m.platforms()}</th>
+                        <th class="mr-2">{m.platforms()}</th>
                         <td>
-                          {album?.platforms.map(({ platform }, i) => (
+                          {album?.platformList.map(({ platform }, i) => (
                             <Fragment key={platform.id}>
                               {id === '29' ? (
                                 <span class='btn p-0' style={{ color: 'white' }}>
@@ -149,7 +151,7 @@ const { currentLocale } = Astro
                                   {platform.name}
                                 </a>
                               )}
-                              {i !== album?.platforms.length - 1 && ', '}
+                              {i !== album?.platformList.length - 1 && ', '}
                             </Fragment>
                           ))}
                         </td>
@@ -157,16 +159,16 @@ const { currentLocale } = Astro
                     )
                   }
                   {
-                    (album?.games.length ?? 0) > 0 && (
+                    (album?.gameList.length ?? 0) > 0 && (
                       <tr>
-                        <th>{m.games()}</th>
+                        <th class="mr-2">{m.games()}</th>
                         <td>
-                          {album?.games.map(({ game }, i) => (
+                          {album?.gameList.map(({ game }, i) => (
                             <Fragment key={game.slug}>
                               <a class='btn btn-link p-0' href={`/game/${game.slug}`}>
                                 {game.name}
                               </a>
-                              {i !== album?.games.length - 1 && ', '}
+                              {i !== album?.gameList.length - 1 && ', '}
                             </Fragment>
                           ))}
                         </td>
@@ -174,16 +176,16 @@ const { currentLocale } = Astro
                     )
                   }
                   {
-                    (album?.animations.length ?? 0) > 0 && (
+                    (album?.animList.length ?? 0) > 0 && (
                       <tr>
-                        <th>{m.animations()}</th>
+                        <th class="mr-2">{m.animations()}</th>
                         <td>
-                          {album?.animations.map(({ animation }, i) => (
+                          {album?.animList.map(({ animation }, i) => (
                             <Fragment key={id}>
                               <a class='btn btn-link p-0' href={`/anim/${id}`}>
                                 {animation.title}
                               </a>
-                              {i !== album?.animations.length - 1 && ', '}
+                              {i !== album?.animList.length - 1 && ', '}
                             </Fragment>
                           ))}
                         </td>
@@ -192,13 +194,23 @@ const { currentLocale } = Astro
                   }
 
                   <tr>
-                    <th>{m.avgRating()}</th>
+                    <th class="mr-2">{m.avgRating()}</th>
                     <td>
                       <!-- <StarCounter album?.Id={album?.id} /> -->
                     </td>
                   </tr>
                 </tbody>
               </table>
+              {
+                album?.vgmdb && (
+                  <div class='mt-2 mb-3 ml-2 flex'>
+                    <span class='text-lg'>{m.checkVGMDB()}:</span>
+                    <a href={album?.vgmdb} class='ml-2' target='_blank' rel='noopener noreferrer'>
+                      <Image width={100} height={30} alt={'VGMdb'} src={vgmdbLogo} />
+                    </a>
+                  </div>
+                )
+              }
               <!-- <UserButtons id={album?.id} /> -->
             </div>
           </div>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 3e31235..1d4eda7 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -27,7 +27,7 @@ const lastAlbums = await prismaClient.albums.findMany({
       <h1 class='uppercase font-medium tracking-wide text-5xl drop-shadow-2xl mt-5 mb-2 text-center'>
         {m.recentReleases()}
       </h1>
-      <div class='grid grid-cols-4 gap-x-1.5'>
+      <div class='grid grid-cols-2 md:grid-cols-4 gap-x-1.5'>
         {
           recentAlbums.map((album) => (
             <AlbumBox title={album.title} href={`/album/${album.id}`} image={`/album/${album.id}.png`} />
@@ -42,7 +42,7 @@ const lastAlbums = await prismaClient.albums.findMany({
       <h1 class='uppercase font-medium tracking-wide text-5xl drop-shadow-2xl mt-5 mb-2 text-center'>
         {m.lastAdded()}
       </h1>
-      <div class='grid grid-cols-4 gap-x-1.5'>
+      <div class='grid grid-cols-2 md:grid-cols-4 gap-x-1.5'>
         {
           lastAlbums.map((album) => (
             <AlbumBox title={album.title} href={`/album/${album.id}`} image={`/album/${album.id}.png`} />
diff --git a/src/pages/last-added/[...page].astro b/src/pages/last-added/[...page].astro
index 7a1ac55..61c02da 100644
--- a/src/pages/last-added/[...page].astro
+++ b/src/pages/last-added/[...page].astro
@@ -39,7 +39,7 @@ const listProps = { fullPageList, page }
       <h1 class='uppercase font-medium tracking-wide text-5xl drop-shadow-2xl mt-5 mb-2 text-center'>
         {m.lastAdded()}
       </h1>
-      <div class='grid grid-cols-4 gap-x-1.5'>
+      <div class='grid grid-cols-2 md:grid-cols-4 gap-x-1.5'>
         {
           lastAlbums.map((album) => (
             <AlbumBox title={album.title} href={`/album/${album.id}`} image={`/album/${album.id}.png`} />