diff --git a/components/layout.js b/components/layout.js
index 999c715..955fd7f 100644
--- a/components/layout.js
+++ b/components/layout.js
@@ -11,8 +11,6 @@ export class Layout extends HTMLElement {
     const style = document.createElement('style')
     style.textContent = `
       :host {
-        width: 100%;
-        height: 100dvh;
         display: flex;
         flex-direction: column;
       }
diff --git a/index.html b/index.html
index 00c0d35..6461ebd 100644
--- a/index.html
+++ b/index.html
@@ -2,14 +2,20 @@
 <html>
   <head>
     <title>macchiato.dev</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
     <style type="text/css">
       html, body {
-        margin: 0;
         padding: 0;
       }
       html {
         box-sizing: border-box;
+        height: 100vh;
+        height: 100svh;
+      }
+      body {
+        min-height: 100vh;
+        max-width: 800px;
+        margin: 0 auto;
       }
       *, *:before, *:after {
         box-sizing: inherit;
diff --git a/sw.js b/sw.js
index 22f6357..9230f77 100644
--- a/sw.js
+++ b/sw.js
@@ -9,7 +9,7 @@ async function initCache() {
     '/components/header.js',
     '/components/nav-menu.js',
     '/components/page-menu.js',
-  ]) //3
+  ]) //4
 }
 
 self.addEventListener("install", event => {
