diff --git a/packages/raystack/components/drawer/drawer-misc.tsx b/packages/raystack/components/drawer/drawer-misc.tsx
index 2c7d8fc72..ca9673440 100644
--- a/packages/raystack/components/drawer/drawer-misc.tsx
+++ b/packages/raystack/components/drawer/drawer-misc.tsx
@@ -2,16 +2,15 @@
 
 import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';
 import { cx } from 'class-variance-authority';
-import { ComponentProps, type ReactNode } from 'react';
+import { ComponentProps } from 'react';
 import styles from './drawer.module.css';
 
 export const DrawerHeader = ({
-  children,
-  className
-}: {
-  children: ReactNode;
-  className?: string;
-}) => <div className={cx(styles.header, className)}>{children}</div>;
+  className,
+  ...props
+}: ComponentProps<'div'>) => (
+  <div className={cx(styles.header, className)} {...props} />
+);
 DrawerHeader.displayName = 'Drawer.Header';
 
 export function DrawerTitle({
diff --git a/packages/raystack/components/spinner/spinner.module.css b/packages/raystack/components/spinner/spinner.module.css
index c3e9f7d16..029907e55 100644
--- a/packages/raystack/components/spinner/spinner.module.css
+++ b/packages/raystack/components/spinner/spinner.module.css
@@ -1,5 +1,4 @@
 .spinner {
-  display: inline-block;
   position: relative;
   display: flex;
   justify-content: center;