diff --git a/packages/ui/src/components/dialog/dialog-footer.web.tsx b/packages/ui/src/components/dialog/dialog-footer.web.tsx
index f3028329..07be9e45 100644
--- a/packages/ui/src/components/dialog/dialog-footer.web.tsx
+++ b/packages/ui/src/components/dialog/dialog-footer.web.tsx
@@ -10,8 +10,7 @@ export function DialogFooter({ children, ...props }: DialogFooterProps) {
       gap="space.05"
       p="space.05"
       bottom={0}
-      width="100vw"
-      maxWidth="100%"
+      width="100%"
       zIndex={1}
       minHeight="footerHeight"
       position="fixed"
diff --git a/packages/ui/src/components/dialog/dialog-header.web.tsx b/packages/ui/src/components/dialog/dialog-header.web.tsx
index ecb91d60..ec0f90a5 100644
--- a/packages/ui/src/components/dialog/dialog-header.web.tsx
+++ b/packages/ui/src/components/dialog/dialog-header.web.tsx
@@ -20,7 +20,7 @@ export function DialogHeader({ onClose, title, variant = 'default' }: DialogHead
       p="space.04"
       bg="transparent"
       width="100%"
-      minHeight="40px"
+      minHeight="headerHeight"
     >
       {title && (
         <styled.h2