diff --git a/templates/dashboard.html b/templates/dashboard.html
index f020855..64a3c3a 100644
--- a/templates/dashboard.html
+++ b/templates/dashboard.html
@@ -1,10 +1,10 @@
 {% extends 'base.html' %}
 {% block content %}
-<div class="h-[90vh] flex flex-col">
+<div class="h-[80vh] flex flex-col m-4">
 <h1 class="text-xl font-semibold mb-4">Projects for {{ case_email }}</h1>
-<div class="m-4  w-full flex-grow overflow-scroll">
-  <table class="w-full whitespace-nowrap">
-    <thead class="bg-slate-100 text-left text-sm sticky top-0 z-10">
+<div class="m-4  w-full flex-grow overflow-scroll rounded-2xl overflow-hidden">
+  <table class="w-full whitespace-nowrap  shadow-md border border-slate-200">
+    <thead class="bg-gradient-to-r from-blue-600 to-blue-700 text-left text-sm sticky top-0 z-10 border-b border-blue-800 text-white font-medium">
       <tr>
         <th class="px-4 py-3">Matter Num</th>
         <th class="px-4 py-3">Client / Property</th>
@@ -57,20 +57,20 @@
         <th class="px-4 py-3">Costs</th>
       </tr>
     </thead>
-    <tbody class="divide-y">
+    <tbody class="bg-slate-100 divide-y divide-slate-300">
       {% for r in rows %}
-      <tr class="hover:bg-slate-50">
-        <td class="px-4 py-3 text-sm"></td>
-        <td class="px-4 py-3 text-sm">{{ r.client }}</td>
-        <td class="px-4 py-3 text-sm">{{ r.matter_description }}</td>
-        <td class="px-4 py-3 text-sm">{{ r.defendant_1 }}</td>
-        <td class="px-4 py-3 text-sm">{{ r.matter_open }}</td>
-        <td class="px-4 py-3 text-sm"></td>
-        <td class="px-4 py-3 text-sm">{{ r.notice_type }}</td>
-        <td class="px-4 py-3 text-sm">{{ r.case_number }}</td>
-        <td class="px-4 py-3 text-sm">{{ r.premises_address }}</td>
-        <td class="px-4 py-3 text-sm">{{ r.premises_city }}</td>
-        <td class="px-4 py-3 text-sm">
+      <tr class="hover:bg-slate-200 transition-colors duration-150 ease-in-out">
+        <td class="px-4 py-3 text-sm text-slate-800"></td>
+        <td class="px-4 py-3 text-sm text-slate-800">{{ r.client }}</td>
+        <td class="px-4 py-3 text-sm text-slate-800">{{ r.matter_description }}</td>
+        <td class="px-4 py-3 text-sm text-slate-800">{{ r.defendant_1 }}</td>
+        <td class="px-4 py-3 text-sm text-slate-800">{{ r.matter_open }}</td>
+        <td class="px-4 py-3 text-sm text-slate-800"></td>
+        <td class="px-4 py-3 text-sm text-slate-800">{{ r.notice_type }}</td>
+        <td class="px-4 py-3 text-sm text-slate-800">{{ r.case_number }}</td>
+        <td class="px-4 py-3 text-sm text-slate-800">{{ r.premises_address }}</td>
+        <td class="px-4 py-3 text-sm text-slate-800">{{ r.premises_city }}</td>
+        <td class="px-4 py-3 text-sm text-slate-800">
             {{ r.responsible_attorney }}
         </td>
         <td class="px-4 py-3 text-sm">
@@ -83,7 +83,7 @@
           {% if r.documents_url %} 
           <a href="{{ r.documents_url }}">Documents</a>
         {% endif %}</td>
-        <td class="px-4 py-3 text-sm"> {{ r.phase_name }}</td>
+        <td class="px-4 py-3 text-sm text-slate-800"> {{ r.phase_name }}</td>
         <td class="px-4 py-3 text-sm align-top" x-data="{ showCompletedModal: false}">
           {% if r.completed_tasks %}
           <div>