diff --git a/src/components/PinnedPapersCarousel.tsx b/src/components/PinnedPapersCarousel.tsx index 3ee010a..ec90d28 100644 --- a/src/components/PinnedPapersCarousel.tsx +++ b/src/components/PinnedPapersCarousel.tsx @@ -199,18 +199,19 @@ function PinnedPapersCarousel() { ) : ( chunkedPapers.map((paperGroup, index) => { - const placeholdersNeeded = - (chunkSize - paperGroup.length) % chunkSize; + const columns = chunkSize === 2 ? 1 : chunkSize === 4 ? 2 : 4; + const rows = Math.max(1, Math.ceil(paperGroup.length / columns)); + const placeholdersNeeded = columns * rows - paperGroup.length; return ( {paperGroup.map((paper, subIndex) => paper.subject === "add_subject_button" ? ( @@ -264,4 +265,4 @@ function PinnedPapersCarousel() { ); } -export default PinnedPapersCarousel; +export default PinnedPapersCarousel; \ No newline at end of file