2 files changed, 10 insertions, 3 deletions
diff --git a/packages/ui/src/components/dialog.css b/packages/ui/src/components/dialog.css
index 5c7cdc233..177dc0a79 100644
--- a/packages/ui/src/components/dialog.css
+++ b/packages/ui/src/components/dialog.css
@@ -118,9 +118,15 @@
         outline: none;
       }
     }
+  }
+
+  &[data-fit] {
+    [data-slot="dialog-container"] {
+      height: auto;
 
-    &:focus-visible {
-      outline: none;
+      [data-slot="dialog-content"] {
+        min-height: 0;
+      }
     }
   }
 }
diff --git a/packages/ui/src/components/dialog.tsx b/packages/ui/src/components/dialog.tsx
index 40a6ac83d..797fbcbfc 100644
--- a/packages/ui/src/components/dialog.tsx
+++ b/packages/ui/src/components/dialog.tsx
@@ -8,11 +8,12 @@ export interface DialogProps extends ParentProps {
   action?: JSXElement
   class?: ComponentProps<"div">["class"]
   classList?: ComponentProps<"div">["classList"]
+  fit?: boolean
 }
 
 export function Dialog(props: DialogProps) {
   return (
-    <div data-component="dialog">
+    <div data-component="dialog" data-fit={props.fit ? true : undefined}>
       <div data-slot="dialog-container">
         <Kobalte.Content
           data-slot="dialog-content"