diff --git a/frontend/src/routes/events/+page.svelte b/frontend/src/routes/events/+page.svelte
index e8d9400..88b8fea 100644
--- a/frontend/src/routes/events/+page.svelte
+++ b/frontend/src/routes/events/+page.svelte
@@ -29,6 +29,7 @@
   </section>
   <section>
     <h2>Events you own</h2>
+    <div class="overflow-x-auto">
     <table class="table w-full table-zebra">
       <thead>
         <tr>
@@ -66,9 +67,11 @@
         {/each}
       </tbody>
     </table>
+  </div>
   </section>
   <section>
     <h2>Events you are attending</h2>
+    <div class="overflow-x-auto">
     <table class="table w-full table-zebra">
       <thead>
         <tr>
@@ -85,6 +88,7 @@
         {/each}
       </tbody>
     </table>
+  </div>
   </section>
   <section>
     <h2 class="text-xl font-semibold mb-4">Attend Event</h2>
diff --git a/frontend/src/routes/projects/+page.svelte b/frontend/src/routes/projects/+page.svelte
index a8910b0..4a47f54 100644
--- a/frontend/src/routes/projects/+page.svelte
+++ b/frontend/src/routes/projects/+page.svelte
@@ -11,6 +11,7 @@
   <!-- <div > -->
   <section class="space-y-8 p-4">
     <h2 class="text-xl font-semibold mb-4">Your projects</h2>
+    <div class="overflow-x-auto">
     <table class="table w-full table-zebra">
       <thead>
         <tr>
@@ -34,6 +35,7 @@
         {/each}
       </tbody>
     </table>
+  </div>
   </section>
   <section>
     <h2 class="text-xl font-semibold mb-4">Create Project</h2>