diff --git a/index.html b/index.html
index e88144b..5d47d40 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Svelte-Tauri</title>
   </head>
-  <body id="app">
+  <body id="app" class="overflow-hidden">
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
diff --git a/src/lib/components/Food/FoodTable.svelte b/src/lib/components/Food/FoodTable.svelte
index d79b276..296be28 100644
--- a/src/lib/components/Food/FoodTable.svelte
+++ b/src/lib/components/Food/FoodTable.svelte
@@ -56,8 +56,8 @@
 </script>
 
 <template>
-	<div class="relative flex flex-col h-screen" data-vaul-drawer-wrapper id="page">
-		<div class="relative overflow-x-auto shadow-md sm:rounded-lg">
+	<div class="relative flex flex-col flex-grow h-[95vh]" data-vaul-drawer-wrapper id="page">
+		<div class="relative overflow-auto h-full shadow-md sm:rounded-lg">
 			<table class="w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400">
 				<thead class="text-xs text-gray-700 uppercase dark:text-gray-400">
 				<tr>
