diff --git a/src/runtime/components/overlays/Slideover.vue b/src/runtime/components/overlays/Slideover.vue
index 19c64e85..b9a03907 100644
--- a/src/runtime/components/overlays/Slideover.vue
+++ b/src/runtime/components/overlays/Slideover.vue
@@ -29,10 +29,8 @@
         :leave-to="side === 'left' ? '-translate-x-full' : 'translate-x-full'"
       >
         <DialogPanel :class="slideoverClass">
-          <div v-if="$slots.header" :class="headerWrapperClass">
-            <div :class="headerClass">
-              <slot name="header" />
-            </div>
+          <div v-if="$slots.header" :class="headerClass">
+            <slot name="header" />
           </div>
           <slot />
         </DialogPanel>
@@ -74,13 +72,9 @@ const props = defineProps({
     type: String,
     default: () => $ui.slideover.width
   },
-  headerWrapperClass: {
-    type: String,
-    default: () => $ui.slideover.header.wrapper
-  },
   headerClass: {
     type: String,
-    default: () => $ui.slideover.header.base
+    default: () => $ui.slideover.header
   }
 })
 const emit = defineEmits(['update:modelValue'])
diff --git a/src/runtime/presets/default.ts b/src/runtime/presets/default.ts
index a036bf5b..273e1d97 100644
--- a/src/runtime/presets/default.ts
+++ b/src/runtime/presets/default.ts
@@ -383,10 +383,7 @@ export default (variantColors: string[]) => {
     base: 'relative flex-1 flex flex-col w-full focus:outline-none',
     background: 'u-bg-white',
     width: 'max-w-md',
-    header: {
-      wrapper: 'border-b u-border-gray-200',
-      base: 'flex items-center justify-between px-4 sm:px-6 h-16'
-    }
+    header: 'flex items-center justify-between px-4 sm:px-6 h-16 border-b u-border-gray-200'
   }
 
   return {