diff --git a/frontend/src/lib/components/view/book-browser.svelte b/frontend/src/lib/components/view/book-browser.svelte
index 10c5205..665a744 100644
--- a/frontend/src/lib/components/view/book-browser.svelte
+++ b/frontend/src/lib/components/view/book-browser.svelte
@@ -91,7 +91,7 @@
 						<Spinner />
 					</div>
 				{:else if bookCollection.books.length > 0}
-					<ScrollArea bind:viewportRef={scrollContainer} orientation="both" class=" h-[calc(100vh-12vh)] w-full pr-5 pl-5">
+					<ScrollArea bind:viewportRef={scrollContainer} orientation="both" class="h-[calc(100vh-11rem)] w-full px-5 pb-5">
 						{#if view === 'grid'}
 							<BookGrid books={bookCollection.books} />
 						{:else}