diff --git a/.svelte-kit/generated/server/internal.js b/.svelte-kit/generated/server/internal.js
index 50752d78..d1b56de8 100644
--- a/.svelte-kit/generated/server/internal.js
+++ b/.svelte-kit/generated/server/internal.js
@@ -24,7 +24,7 @@ export const options = {
 		app: ({ head, body, assets, nonce, env }) => "<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <link rel=\"icon\" href=\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='4' fill='%231e293b'/><text x='16' y='22' font-size='18' font-family='system-ui' fill='%2394a3b8' text-anchor='middle'>S</text></svg>\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5, viewport-fit=cover\" />\n    <meta name=\"theme-color\" content=\"#0f172a\" />\n    <meta name=\"mobile-web-app-capable\" content=\"yes\" />\n    <meta name=\"apple-mobile-web-app-capable\" content=\"yes\" />\n    <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\" />\n    <meta name=\"apple-mobile-web-app-title\" content=\"Stackq\" />\n    <link rel=\"apple-touch-icon\" href=\"/icon.svg\" />\n    <link rel=\"manifest\" href=\"/manifest.webmanifest\" />\n    " + head + "\n  </head>\n  <body data-sveltekit-preload-data=\"hover\">\n    <div style=\"display: contents\">" + body + "</div>\n  </body>\n</html>\n",
 		error: ({ status, message }) => "<!doctype html>\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\" />\n\t\t<title>" + message + "</title>\n\n\t\t<style>\n\t\t\tbody {\n\t\t\t\t--bg: white;\n\t\t\t\t--fg: #222;\n\t\t\t\t--divider: #ccc;\n\t\t\t\tbackground: var(--bg);\n\t\t\t\tcolor: var(--fg);\n\t\t\t\tfont-family:\n\t\t\t\t\tsystem-ui,\n\t\t\t\t\t-apple-system,\n\t\t\t\t\tBlinkMacSystemFont,\n\t\t\t\t\t'Segoe UI',\n\t\t\t\t\tRoboto,\n\t\t\t\t\tOxygen,\n\t\t\t\t\tUbuntu,\n\t\t\t\t\tCantarell,\n\t\t\t\t\t'Open Sans',\n\t\t\t\t\t'Helvetica Neue',\n\t\t\t\t\tsans-serif;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100vh;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t.error {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tmax-width: 32rem;\n\t\t\t\tmargin: 0 1rem;\n\t\t\t}\n\n\t\t\t.status {\n\t\t\t\tfont-weight: 200;\n\t\t\t\tfont-size: 3rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -0.05rem;\n\t\t\t}\n\n\t\t\t.message {\n\t\t\t\tborder-left: 1px solid var(--divider);\n\t\t\t\tpadding: 0 0 0 1rem;\n\t\t\t\tmargin: 0 0 0 1rem;\n\t\t\t\tmin-height: 2.5rem;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\n\t\t\t.message h1 {\n\t\t\t\tfont-weight: 400;\n\t\t\t\tfont-size: 1em;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t@media (prefers-color-scheme: dark) {\n\t\t\t\tbody {\n\t\t\t\t\t--bg: #222;\n\t\t\t\t\t--fg: #ddd;\n\t\t\t\t\t--divider: #666;\n\t\t\t\t}\n\t\t\t}\n\t\t</style>\n\t</head>\n\t<body>\n\t\t<div class=\"error\">\n\t\t\t<span class=\"status\">" + status + "</span>\n\t\t\t<div class=\"message\">\n\t\t\t\t<h1>" + message + "</h1>\n\t\t\t</div>\n\t\t</div>\n\t</body>\n</html>\n"
 	},
-	version_hash: "14gnm4x"
+	version_hash: "qnx61n"
 };
 
 export async function get_hooks() {
diff --git a/package.json b/package.json
index 7bb708e0..fe74fc32 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "version": "0.0.1",
   "private": true,
   "scripts": {
-    "dev": "vite dev",
+    "dev": "vite dev --host 0.0.0.0",
     "build": "vite build",
     "preview": "vite preview",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
diff --git a/src/routes/HomeWithDialog.svelte b/src/routes/HomeWithDialog.svelte
index db6b1f15..cb1eeda1 100644
--- a/src/routes/HomeWithDialog.svelte
+++ b/src/routes/HomeWithDialog.svelte
@@ -86,8 +86,8 @@
 </Dialog.Root>
 
 <Dialog.Root bind:open={receiptDialogOpen}>
-  <Dialog.Content class="max-h-[90dvh] w-[calc(100vw-2rem)] max-w-[500px] overflow-y-auto rounded-lg sm:w-full">
-    <Dialog.Header>
+  <Dialog.Content class="flex min-h-0 max-h-[90dvh] w-[calc(100vw-2rem)] max-w-[500px] flex-col overflow-hidden rounded-lg sm:w-full">
+    <Dialog.Header class="shrink-0">
       <Dialog.Title>New receipt</Dialog.Title>
       <Dialog.Description>Add a new receipt. Optionally attach an image.</Dialog.Description>
     </Dialog.Header>
diff --git a/src/routes/receipts/+page.svelte b/src/routes/receipts/+page.svelte
index f0f84435..8892d171 100644
--- a/src/routes/receipts/+page.svelte
+++ b/src/routes/receipts/+page.svelte
@@ -118,8 +118,8 @@
 </main>
 
 <Dialog.Root bind:open={createDialogOpen}>
-  <Dialog.Content class="max-h-[90dvh] w-[calc(100vw-2rem)] max-w-[500px] overflow-y-auto rounded-lg sm:w-full">
-    <Dialog.Header>
+  <Dialog.Content class="flex min-h-0 max-h-[90dvh] w-[calc(100vw-2rem)] max-w-[500px] flex-col overflow-hidden rounded-lg sm:w-full">
+    <Dialog.Header class="shrink-0">
       <Dialog.Title>New receipt</Dialog.Title>
       <Dialog.Description>Add a new receipt. Optionally attach an image.</Dialog.Description>
     </Dialog.Header>
diff --git a/src/routes/receipts/ReceiptForm.svelte b/src/routes/receipts/ReceiptForm.svelte
index d06cda83..b19901a0 100644
--- a/src/routes/receipts/ReceiptForm.svelte
+++ b/src/routes/receipts/ReceiptForm.svelte
@@ -63,8 +63,9 @@
       onSuccess?.();
     }
   }}
-  class="flex flex-col gap-4"
+  class="flex min-h-0 flex-1 flex-col"
 >
+  <div class="min-h-0 flex-1 overflow-y-auto space-y-4">
   <div class="space-y-2">
     <Label for="Type">Type</Label>
     <select
@@ -88,7 +89,7 @@
         accept="image/*"
         capture="environment"
         onchange={onImageChange}
-        class="absolute opacity-0 w-0 h-0 overflow-hidden"
+        class="absolute opacity-0 w-0 h-0 overflow-hidden pointer-events-none"
         tabindex="-1"
         aria-label="Scan receipt"
       />
@@ -119,8 +120,9 @@
   {#if error}
     <p class="text-destructive text-sm">{error}</p>
   {/if}
+  </div>
 
-  <div class="flex justify-end gap-2">
-    <Button type="submit">{submitLabel}</Button>
+  <div class="bg-background shrink-0 border-t border-border pt-4 -mb-6 -mx-6 px-6 pb-6 mt-4 flex justify-end gap-2">
+    <Button type="submit" class="min-h-11 min-w-[7rem]">{submitLabel}</Button>
   </div>
 </form>
