diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
index 47241eefc431656904af2122805330c3117b0f2e..982c163c52ddd4674dbbcc982735992a15f186ad 100644
--- a/app/assets/stylesheets/application.tailwind.css
+++ b/app/assets/stylesheets/application.tailwind.css
@@ -24,7 +24,15 @@ input[type=submit] {
 select {
   @apply pl-2 pr-6 py-1;
 }
-.session-holder { @apply w-full; }
+.session-holder {
+  @apply w-full;
+  height: var(--height);
+  display: flex;
+}
+.session-holder:hover {
+  height: auto;
+  min-height: var(--height);
+}
 .session {
   @apply border p-2 bg-slate-100 border-slate-300 rounded-md w-full hover:shadow-2xl;
 
diff --git a/app/views/conferences/show.html.erb b/app/views/conferences/show.html.erb
index e5809a36a762b1227cb592cd61c05ef49021bc78..e453ec52794b8913446540ac3ae1c295d029b862 100644
--- a/app/views/conferences/show.html.erb
+++ b/app/views/conferences/show.html.erb
@@ -117,12 +117,10 @@ current_time = Time.zone.now.in_time_zone(@conference.time_zone)
             <h4><%= stage.name %></h4>
             <div class="stage-sessions">
               <% sessions.each do |session| %>
-                <div class="session-holder hover:z-30 h-full hover:!h-auto" style="
+                <div class="session-holder hover:z-30 h-full" style="
                   position: absolute;
                   top: <%= (session.starts_at - timeline_starts_at) / 3600.0 * pixels_per_hour %>px;
-                  max-height: <%= (session.ends_at - session.starts_at) / 3600.0 * pixels_per_hour %>px;
-                  min-height: <%= (session.ends_at - session.starts_at) / 3600.0 * pixels_per_hour %>px;
-                  hxeight: <%= (session.ends_at - session.starts_at) / 3600.0 * pixels_per_hour %>px;
+                  --height: <%= (session.ends_at - session.starts_at) / 3600.0 * pixels_per_hour %>px;
                 ">
                   <%= render partial: "sessions/session", locals: { session: session } %>
                 </div>