diff --git a/resources/views/components/results/layout.blade.php b/resources/views/components/results/layout.blade.php
index 0710a20..de256c0 100644
--- a/resources/views/components/results/layout.blade.php
+++ b/resources/views/components/results/layout.blade.php
@@ -35,7 +35,7 @@
     </div>
 </div>
 
-<div class="mx-auto max-w-sm">
+<div class="mx-auto max-w-sm mt-8">
 
     {{ $slot }}
 
diff --git a/resources/views/components/results/table-audition-section.blade.php b/resources/views/components/results/table-audition-section.blade.php
index 493d16f..2f33821 100644
--- a/resources/views/components/results/table-audition-section.blade.php
+++ b/resources/views/components/results/table-audition-section.blade.php
@@ -1,11 +1,13 @@
 @props(['auditionName'])
-<div {{ $attributes->class(['relative']) }}>
+<div {{ $attributes->class(['relative mb-7']) }} x-data="{ open: false}">
 
-    <div class="sticky top-0 z-10 border-y border-b-gray-200 border-t-gray-100 bg-gray-50 px-3 py-1.5 text-sm font-semibold leading-6 text-gray-900">
+    <div x-on:click="open = ! open"
+        class="sticky top-0 z-10 border border-gray-300 bg-gray-50 px-3 pb-1.5 text-sm font-semibold leading-6 text-gray-900 rounded-t-lg shadow">
         <h3>{{ $auditionName }}</h3>
+        <p class="text-xs font-medium text-gray-500">Click to open</p>
     </div>
 
-    <ul role="list" class="divide-y divide-gray-100">
+    <ul role="list" class="divide-y divide-gray-100" x-show="open">
         {{ $slot }}
     </ul>
 </div>
diff --git a/resources/views/components/results/table-seat-row.blade.php b/resources/views/components/results/table-seat-row.blade.php
index dbc5504..017166b 100644
--- a/resources/views/components/results/table-seat-row.blade.php
+++ b/resources/views/components/results/table-seat-row.blade.php
@@ -1,6 +1,6 @@
 @props(['seat','student_name','school'])
-<li {{ $attributes->class(['flex gap-x-4 px-3 py-5 justify-between']) }}>
-    <div>
+<li {{ $attributes->class(['flex gap-x-4 px-3 py-2 justify-between bg-gray-50 border-x border-b shadow']) }}>
+    <div class="text-sm font-semibold">
         {{ $seat }}
     </div>
     <div class="min-w-0 text-right">
diff --git a/resources/views/results/index.blade.php b/resources/views/results/index.blade.php
index 0332045..3f252ca 100644
--- a/resources/views/results/index.blade.php
+++ b/resources/views/results/index.blade.php
@@ -1,6 +1,6 @@
 <x-results.layout>
 
-    <nav class="h-full overflow-y-auto mt-3" aria-label="Directory">
+    <nav class="h-full overflow-y-auto">
         @foreach($publishedAuditions as $audition)
             <x-results.table-audition-section :auditionName="$audition->name">
                 @foreach($resultsSeatList[$audition->id] as $seat)