diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css
index 47241eefc431656904af2122805330c3117b0f2e..5b4a2da54d6183bf94d90f1342ef001e0566074c 100644
--- a/app/assets/stylesheets/application.tailwind.css
+++ b/app/assets/stylesheets/application.tailwind.css
@@ -25,6 +25,7 @@ select {
   @apply pl-2 pr-6 py-1;
 }
 .session-holder { @apply w-full; }
+.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 054bb99a5b0c1dac0e99a48dd6c93e14adb5fbec..60a14f70c361239cfece1cd7d20f82d8fe789532 100644
--- a/app/views/conferences/show.html.erb
+++ b/app/views/conferences/show.html.erb
@@ -116,12 +116,11 @@ 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;
+                  height: var(--height);
                 ">
                   <%= render partial: "sessions/session", locals: { session: session } %>
                 </div>