diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index dbd7a696..7f3d83c6 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -18,7 +18,7 @@
     <div class='container mx-auto'>
       <%= render 'shared/navbar' %>
       <%= render 'shared/flash' %>
-      <div class="flex flex-row gap-5 w-full">
+      <div class="flex flex-row gap-5 w-full px-5">
         <%= yield %>
       </div>
     </div>
diff --git a/app/views/stats/index.html.erb b/app/views/stats/index.html.erb
index a03d12d5..b66625f1 100644
--- a/app/views/stats/index.html.erb
+++ b/app/views/stats/index.html.erb
@@ -1,5 +1,5 @@
 <div class="w-full">
-  <div class="stats shadow w-full bg-base-200">
+  <div class="stats stats-vertical lg:stats-horizontal shadow w-full bg-base-200">
     <div class="stat text-center">
       <div class="stat-value text-primary">
         <%= number_with_delimiter(current_user.total_km) %> km