diff --git a/docs-src/package.json b/docs-src/package.json
index ec24d68..e51e1dc 100644
--- a/docs-src/package.json
+++ b/docs-src/package.json
@@ -10,7 +10,7 @@
         "prod": "NODE_ENV=production webpack"
     },
     "dependencies": {
-        "@devlop-ab/dialog": "^1.0.5",
+        "@devlop-ab/dialog": "^1.0.6",
         "copy-webpack-plugin": "^9.0.1",
         "css-loader": "^5.2.7",
         "fork-ts-checker-webpack-plugin": "^6.3.2",
diff --git a/docs/assets/docs.css b/docs/assets/docs.css
index 687c143..39a275a 100644
--- a/docs/assets/docs.css
+++ b/docs/assets/docs.css
@@ -95,10 +95,16 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  height: auto;
+  min-height: auto;
 }
 [data-dialog] header > span {
   color: var(--header-color);
 }
+[data-dialog] section {
+  height: auto;
+  min-height: auto;
+}
 [data-dialog] section.message {
   padding: var(--dialog-padding);
   line-height: 1.5;
@@ -151,6 +157,8 @@
 [data-dialog] footer {
   padding: var(--dialog-padding);
   border-top: var(--footer-border-top);
+  height: auto;
+  min-height: auto;
 }
 [data-dialog] footer button {
   font-size: 16px;
diff --git a/docs/index.html b/docs/index.html
index 7b861ed..7abbef5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -13,8 +13,8 @@
     <link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@11.2.0/styles/default.min.css">
     <script src="https://unpkg.com/@highlightjs/cdn-assets@11.2.0/highlight.min.js"></script>
 
-    <link rel="stylesheet" type="text/css" href="./assets/docs.css?v=XjPFeadtOc">
-    <script type="text/javascript" src="./assets/docs.js?v=436WfX1MoW" async defer></script>
+    <link rel="stylesheet" type="text/css" href="./assets/docs.css?v=XopBFjxQvu">
+    <script type="text/javascript" src="./assets/docs.js?v=XopBFjxQvu" async defer></script>
 
     <script defer data-domain="devlop.github.io/dialog" src="https://plausible.io/js/plausible.js"></script>
 </head>