diff --git a/app/Views/admin/index.php b/app/Views/admin/index.php
index abc877c..8ec2f92 100644
--- a/app/Views/admin/index.php
+++ b/app/Views/admin/index.php
@@ -5,7 +5,7 @@ $roleConfig = $config['admin'];
 <?= $this->extend('shared/layout', ['roleConfig' => $roleConfig]); ?>
 
 <?= $this->section('content'); ?>
-<main class="p-4 flex-1 flex flex-col gap-2" x-data="dashboard">
+<main class="p-4 flex-1 flex flex-col gap-2 overflow-hidden min-h-0" x-data="dashboard">
 	<?= $this->include('shared/content_requests', ['config' => $roleConfig]); ?>
 	<?= $this->include('shared/dialog_sample', ['config' => $roleConfig]); ?>
 	<?= $this->include('shared/dialog_unval'); ?>
diff --git a/app/Views/admin/validate.php b/app/Views/admin/validate.php
index dd01237..25e8816 100644
--- a/app/Views/admin/validate.php
+++ b/app/Views/admin/validate.php
@@ -5,7 +5,7 @@ $roleConfig = $config['admin'];
 <?= $this->extend('shared/layout', ['roleConfig' => $roleConfig]); ?>
 
 <?= $this->section('content'); ?>
-<main class="p-4 flex-1 flex flex-col gap-2" x-data="validatePage">
+<main class="p-4 flex-1 flex flex-col gap-2 overflow-hidden min-h-0" x-data="validatePage">
 	<?= $this->include('shared/content_validation', ['config' => $roleConfig]); ?>
 </main>
 <?= $this->endSection(); ?>
diff --git a/app/Views/cs/index.php b/app/Views/cs/index.php
index 6f48091..3cf0cc8 100644
--- a/app/Views/cs/index.php
+++ b/app/Views/cs/index.php
@@ -5,7 +5,7 @@ $roleConfig = $config['cs'];
 <?= $this->extend('shared/layout', ['roleConfig' => $roleConfig]); ?>
 
 <?= $this->section('content'); ?>
-<main class="p-4 flex-1 flex flex-col gap-2" x-data="dashboard">
+<main class="p-4 flex-1 flex flex-col gap-2 overflow-hidden min-h-0" x-data="dashboard">
 	<?= $this->include('shared/content_requests', ['config' => $roleConfig]); ?>
 	<?= $this->include('shared/dialog_sample', ['config' => $roleConfig]); ?>
 	<?= $this->include('shared/dialog_unval'); ?>
diff --git a/app/Views/lab/index.php b/app/Views/lab/index.php
index ff8bf03..58f20c3 100644
--- a/app/Views/lab/index.php
+++ b/app/Views/lab/index.php
@@ -5,7 +5,7 @@ $roleConfig = $config['lab'];
 <?= $this->extend('shared/layout', ['roleConfig' => $roleConfig]); ?>
 
 <?= $this->section('content'); ?>
-<main class="p-4 flex-1 flex flex-col gap-2" x-data="dashboard">
+<main class="p-4 flex-1 flex flex-col gap-2 overflow-hidden min-h-0" x-data="dashboard">
 	<?= $this->include('shared/content_requests', ['config' => $roleConfig]); ?>
 	<?= $this->include('shared/dialog_sample', ['config' => $roleConfig]); ?>
 	<?= $this->include('shared/dialog_unval'); ?>
diff --git a/app/Views/lab/validate.php b/app/Views/lab/validate.php
index bf1a5ff..380098d 100644
--- a/app/Views/lab/validate.php
+++ b/app/Views/lab/validate.php
@@ -5,7 +5,7 @@ $roleConfig = $config['lab'];
 <?= $this->extend('shared/layout', ['roleConfig' => $roleConfig]); ?>
 
 <?= $this->section('content'); ?>
-<main class="p-4 flex-1 flex flex-col gap-2" x-data="validatePage">
+<main class="p-4 flex-1 flex flex-col gap-2 overflow-hidden min-h-0" x-data="validatePage">
 	<?= $this->include('shared/content_validation', ['config' => $roleConfig]); ?>
 </main>
 <?= $this->endSection(); ?>
diff --git a/app/Views/phlebo/collect.php b/app/Views/phlebo/collect.php
index 95d38b6..bae183d 100644
--- a/app/Views/phlebo/collect.php
+++ b/app/Views/phlebo/collect.php
@@ -5,9 +5,9 @@ $roleConfig = $config['phlebo'];
 <?= $this->extend('shared/layout', ['roleConfig' => $roleConfig]); ?>
 
 <?= $this->section('content'); ?>
-<main class="p-2 flex-1 flex flex-col items-center" x-data="collectionPage">
-    <div class="card bg-base-100 shadow-lg border border-base-200 w-full max-w-4xl">
-        <div class="card-body p-4">
+<main class="p-2 flex-1 flex flex-col items-center overflow-hidden min-h-0" x-data="collectionPage">
+    <div class="card bg-base-100 shadow-lg border border-base-200 w-full max-w-4xl h-full">
+        <div class="card-body p-4 overflow-y-auto">
             <div class="flex items-center justify-between mb-3">
                 <h2 class="card-title text-xl font-bold flex items-center gap-2">
                     <i class="fa fa-vial text-primary"></i> Specimen Collection
diff --git a/app/Views/phlebo/index.php b/app/Views/phlebo/index.php
index b6cbb50..1f622e8 100644
--- a/app/Views/phlebo/index.php
+++ b/app/Views/phlebo/index.php
@@ -5,7 +5,7 @@ $roleConfig = $config['phlebo'];
 <?= $this->extend('shared/layout', ['roleConfig' => $roleConfig]); ?>
 
 <?= $this->section('content'); ?>
-<main class="p-4 flex-1 flex flex-col gap-2" x-data="dashboard">
+<main class="p-4 flex-1 flex flex-col gap-2 overflow-hidden min-h-0" x-data="dashboard">
 	<?= $this->include('shared/content_requests', ['config' => $roleConfig]); ?>
 	<?= $this->include('shared/dialog_sample', ['config' => $roleConfig]); ?>
 	<?= $this->include('shared/dialog_unval'); ?>
diff --git a/app/Views/shared/layout.php b/app/Views/shared/layout.php
index c62e706..d4d6618 100644
--- a/app/Views/shared/layout.php
+++ b/app/Views/shared/layout.php
@@ -35,8 +35,8 @@
 	</style>
 </head>
 
-<body class="bg-base-200 min-h-screen" x-data="main">
-	<div class="flex flex-col min-h-screen">
+<body class="bg-base-200 h-screen overflow-hidden" x-data="main">
+	<div class="flex flex-col h-full">
 		<!-- Navbar -->
 		<nav class="navbar bg-base-100 shadow-md px-6 z-20">
 			<div class='flex-1'>
diff --git a/app/Views/superuser/index.php b/app/Views/superuser/index.php
index 5cd48b4..cedb6bc 100644
--- a/app/Views/superuser/index.php
+++ b/app/Views/superuser/index.php
@@ -1,7 +1,7 @@
 <?= $this->extend('shared/layout'); ?>
 
 <?= $this->section('content'); ?>
-<main class="p-4 flex-1 flex flex-col gap-2" x-data="dashboard">
+<main class="p-4 flex-1 flex flex-col gap-2 overflow-hidden min-h-0" x-data="dashboard">
 	<?= $this->include('shared/content_requests', ['config' => $roleConfig]); ?>
 	<?= $this->include('shared/dialog_sample', ['config' => $roleConfig]); ?>
 	<?= $this->include('shared/dialog_unval'); ?>
diff --git a/app/Views/superuser/users.php b/app/Views/superuser/users.php
index 8be3849..e653deb 100644
--- a/app/Views/superuser/users.php
+++ b/app/Views/superuser/users.php
@@ -2,9 +2,9 @@
 
 <?= $this->section('content') ?>
 <div x-data="users" class="contents">
-	<main class="p-4 flex-1 flex flex-col gap-2 max-w-6xl w-full mx-auto">
-		<div class="card bg-base-100 shadow-xl border border-base-200">
-			<div class="card-body p-4">
+	<main class="p-4 flex-1 flex flex-col gap-2 max-w-6xl w-full mx-auto overflow-hidden min-h-0">
+<div class="card bg-base-100 shadow-xl border border-base-200 h-full">
+			<div class="card-body p-4 overflow-y-auto">
 				<div class="flex justify-between items-center mb-4">
 					<h2 class="text-2xl font-bold flex items-center gap-2 text-base-content">
 						<i class="fa fa-users text-primary"></i> User Management
diff --git a/app/Views/superuser/validate.php b/app/Views/superuser/validate.php
index c2e72c3..7b89aee 100644
--- a/app/Views/superuser/validate.php
+++ b/app/Views/superuser/validate.php
@@ -5,7 +5,7 @@ $roleConfig = $config['superuser'];
 <?= $this->extend('shared/layout', ['roleConfig' => $roleConfig]); ?>
 
 <?= $this->section('content'); ?>
-<main class="p-4 flex-1 flex flex-col gap-2" x-data="validatePage">
+<main class="p-4 flex-1 flex flex-col gap-2 overflow-hidden min-h-0" x-data="validatePage">
 	<?= $this->include('shared/content_validation', ['config' => $roleConfig]); ?>
 </main>
 <?= $this->endSection(); ?>