diff --git a/web/src/routes/(user)/albums/+page.svelte b/web/src/routes/(user)/albums/+page.svelte index 3db0851689..4d17ed326b 100644 --- a/web/src/routes/(user)/albums/+page.svelte +++ b/web/src/routes/(user)/albums/+page.svelte @@ -251,7 +251,7 @@ {#if $albums.length !== 0} <!-- Album Card --> {#if $albumViewSettings.view === AlbumViewMode.Cover} - <div class="grid grid-cols-[repeat(auto-fill,minmax(13rem,1fr))]"> + <div class="grid grid-cols-[repeat(auto-fill,minmax(14rem,1fr))]"> {#each $albums as album (album.id)} <a data-sveltekit-preload-data="hover" href={`albums/${album.id}`} animate:flip={{ duration: 200 }}> <AlbumCard diff --git a/web/src/routes/(user)/search/+page.svelte b/web/src/routes/(user)/search/+page.svelte index 3514f527ce..8541295527 100644 --- a/web/src/routes/(user)/search/+page.svelte +++ b/web/src/routes/(user)/search/+page.svelte @@ -133,7 +133,7 @@ {#if albums.length} <section> <div class="ml-6 text-4xl font-medium text-black/70 dark:text-white/80">ALBUMS</div> - <div class="grid grid-cols-[repeat(auto-fill,minmax(13rem,1fr))]"> + <div class="grid grid-cols-[repeat(auto-fill,minmax(14rem,1fr))]"> {#each albums as album (album.id)} <a data-sveltekit-preload-data="hover" href={`albums/${album.id}`} animate:flip={{ duration: 200 }}> <AlbumCard {album} user={data.user} isSharingView={false} showItemCount={false} showContextMenu={false} /> diff --git a/web/src/routes/(user)/sharing/+page.svelte b/web/src/routes/(user)/sharing/+page.svelte index 38b4a723aa..51c0baf151 100644 --- a/web/src/routes/(user)/sharing/+page.svelte +++ b/web/src/routes/(user)/sharing/+page.svelte @@ -93,7 +93,7 @@ <div> <!-- Share Album List --> - <div class="grid grid-cols-[repeat(auto-fill,minmax(13rem,1fr))]"> + <div class="grid grid-cols-[repeat(auto-fill,minmax(14rem,1fr))]"> {#each data.sharedAlbums as album (album.id)} <a data-sveltekit-preload-data="hover" href={`albums/${album.id}`} animate:flip={{ duration: 200 }}> <AlbumCard {album} user={data.user} isSharingView showContextMenu={false} />