diff --git a/app/components/sidebar_section_component/sidebar_section_component.html.erb b/app/components/sidebar_section_component/sidebar_section_component.html.erb
index 7c493d4..71d7ddc 100644
--- a/app/components/sidebar_section_component/sidebar_section_component.html.erb
+++ b/app/components/sidebar_section_component/sidebar_section_component.html.erb
@@ -1,8 +1,8 @@
-<section class="flex flex-row py-6">
-  <div class="basis-1/4">
+<section class="flex flex-col md:flex-row py-6">
+  <div class="md:basis-1/4 mb-3 md:mb-0">
     <h2 class="text-lg font-bold"><%= @title %></h2>
   </div>
-  <div class="basis-3/4">
+  <div class="md:basis-3/4">
     <%= content %>
   </div>
 </section>