diff --git a/src/runtime/components/overlays/Slideover.vue b/src/runtime/components/overlays/Slideover.vue
index c1744a2b..27aab4c5 100644
--- a/src/runtime/components/overlays/Slideover.vue
+++ b/src/runtime/components/overlays/Slideover.vue
@@ -23,7 +23,7 @@
       >
         <div class="relative flex-1 flex flex-col w-full max-w-md u-bg-white focus:outline-none">
           <div v-if="$slots.header" class="border-b u-border-gray-200">
-            <div class="flex items-center justify-between px-4 h-16">
+            <div class="flex items-center justify-between px-4 sm:px-6 h-16">
               <slot name="header" />
             </div>
           </div>