diff --git a/resources/views/workshop/show.blade.php b/resources/views/workshop/show.blade.php
index e62068d..6a591cf 100644
--- a/resources/views/workshop/show.blade.php
+++ b/resources/views/workshop/show.blade.php
@@ -1,13 +1,13 @@
 <x-layout>
     <x-container>
         <x-ui.image-hero :image="$workshop->hero?->url" class="my-8" />
-        <div class="flex gap-16">
+        <div class="flex sm:gap-16 gap-4 flex-col sm:flex-row">
             <div class="flex flex-col flex-1">
                 <h1 class="text-3xl font-bold mb-6">{!! $workshop->title !!}</h1>
                 <article class="content mb-4">{!! $workshop->content !!}</article>
                 <x-ui.filelist class="mt-16" value="{!! $workshop->files()->orderBy('name')->get() !!}" />
             </div>
-            <div class="flex flex-col pt-8 basis-64 flex-grow-0 flex-shrink-0">
+            <div class="flex flex-col sm:pt-8 basis-64 flex-grow-0 flex-shrink-0">
                 @if($workshop->status === 'closed')
                     <div class="sm-registration-closed">Registration for this event has closed.</div>
                 @elseif($workshop->status === 'full')