diff --git a/bun.lock b/bun.lock
index def43e6..42b4bed 100644
--- a/bun.lock
+++ b/bun.lock
@@ -6,8 +6,8 @@
       "dependencies": {
         "bun-plugin-svelte": "^0.0.6",
         "bun-plugin-tailwind": "^0.0.15",
-        "svelte": "^5.25.6",
-        "tailwindcss": "^4.1.2",
+        "svelte": "^5.25.7",
+        "tailwindcss": "^4.1.3",
       },
       "devDependencies": {
         "@types/bun": "latest",
diff --git a/src/components/main.svelte b/src/components/main.svelte
index bc64388..bade871 100644
--- a/src/components/main.svelte
+++ b/src/components/main.svelte
@@ -4,6 +4,6 @@
   const { children }: { children?: Snippet } = $props();
 </script>
 
-<main id="main-content" class="content grid min-h-(--main-min-height) pt-4 pb-20">
+<main id="main-content" class="content grid min-h-(--main-min-height) py-4">
   {@render children?.()}
 </main>
diff --git a/src/components/progress-table.svelte b/src/components/progress-table.svelte
index 4c46317..0ac9330 100644
--- a/src/components/progress-table.svelte
+++ b/src/components/progress-table.svelte
@@ -1,9 +1,15 @@
 <script lang="ts">
+  import { fade } from 'svelte/transition';
+  import { cubicInOut } from 'svelte/easing';
   import { fetchEntries, formatter } from '../util';
 
   let entriesPromise = $state(fetchEntries());
 
   let interval: Parameters<typeof clearInterval>[0] = undefined;
+
+  let scrolled = $state(false);
+  let container: HTMLDivElement;
+
   $effect(() => {
     clearInterval(interval);
 
@@ -28,7 +34,17 @@
   });
 </script>
 
-<div class="col-[content]">
+<div
+  bind:this={container}
+  class="relative col-[content] max-h-[calc(var(--main-min-height)---spacing(8))] overflow-y-auto pr-0.5"
+  onscroll={(e) => {
+    const scrollTop = container.scrollTop;
+    const scrollHeight = container.scrollHeight;
+    const clientHeight = container.clientHeight;
+
+    scrolled = scrollTop > 32;
+  }}
+>
   {#await entriesPromise}
     <p class="text-center">Loading entries...</p>
   {:then entries}
@@ -36,6 +52,9 @@
       <p class="text-center">No entries.</p>
     {:else}
       {@render table(entries)}
+      <div
+        class="sticky inset-x-0 bottom-0 h-16 bg-gradient-to-t from-gray-950 to-transparent"
+      ></div>
     {/if}
   {:catch error}
     <p class="mx-auto max-w-md text-center">
@@ -49,21 +68,30 @@
     class="@container grid w-full grid-cols-[auto,1fr,auto,auto,auto] gap-1 font-light @lg:gap-3"
   >
     <div
-      class="sticky top-(--header-height) col-span-5 grid grid-cols-[subgrid] gap-1 bg-gray-950 py-2 text-gray-400 capitalize"
+      class="sticky top-0 col-span-5 grid grid-cols-[subgrid] gap-1 bg-gray-950 py-2 text-gray-400 capitalize"
     >
       <div>id</div>
       <div class="px-1">name</div>
       <div class="hidden px-1 @3xl:block">done</div>
       <div class="hidden px-1 @5xl:block">created</div>
       <div class="hidden px-1 @xl:block">updated</div>
+
+      {#if scrolled}
+        <div
+          in:fade={{ duration: 500, easing: cubicInOut }}
+          out:fade={{ duration: 250, easing: cubicInOut }}
+          class="absolute inset-x-0 top-full h-16 bg-gradient-to-b from-gray-950 to-transparent"
+        ></div>
+      {/if}
     </div>
     {#each entries as entry (entry.id)}
       <div class="col-span-5 grid grid-cols-[subgrid] gap-1">
         <div class="py-2 text-xs text-gray-400/50">{entry.id}</div>
         <a
           href={entry.href}
-          class="block px-2 py-1 text-gray-200 capitalize transition-colors hover:text-pink-600 hover:underline"
+          class="line-clamp-1 block px-2 py-1 text-nowrap text-ellipsis text-gray-200 capitalize transition-colors hover:text-pink-600 hover:underline"
           target="_blank"
+          title={entry.name}
           referrerpolicy="no-referrer">{entry.name}</a
         >
         {@render done(entry.finished)}
diff --git a/src/index.html b/src/index.html
index fd62144..640ea0b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en" class="min-h-dvh">
   <head>
-    <title>Progress tracker - skaarup.dev</title>
+    <title>Progress tracker</title>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link
diff --git a/tsconfig.json b/tsconfig.json
index f3f358a..9c62f74 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -24,6 +24,5 @@
     "noUnusedLocals": false,
     "noUnusedParameters": false,
     "noPropertyAccessFromIndexSignature": false
-  },
-  "exclude": ["node_modules", "dist", "build", "out", "coverage"]
+  }
 }
