diff --git a/__snapshots__/navbar.test.js.snap b/__snapshots__/navbar.test.js.snap
index e44c3b9..40716ca 100644
--- a/__snapshots__/navbar.test.js.snap
+++ b/__snapshots__/navbar.test.js.snap
@@ -1,76 +1,88 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Navbar Default test 1`] = `
-<div class="navbar bg-neutral">
-  <div class="flex-1">
-    <h4>
-      <span class="primary">
-        git
-      </span>
-      <span class>
-        together
-      </span>
-      <span class>
-        .xyz
-      </span>
-    </h4>
-  </div>
-  <div class="flex-none gap-4">
-    <div class="btn btn-primary normal-case">
-      Sign up
+<div class="bg-neutral">
+  <div class="mx-auto lg:container bg-neutral">
+    <div class="navbar">
+      <div class="flex-1">
+        <h4>
+          <span class="primary">
+            git
+          </span>
+          <span class>
+            together
+          </span>
+          <span class>
+            .xyz
+          </span>
+        </h4>
+      </div>
+      <div class="flex-none gap-4">
+        <div class="btn btn-primary normal-case">
+          Sign up
+        </div>
+        <button class="btn btn-outline normal-case">
+          Login
+        </button>
+      </div>
     </div>
-    <button class="btn btn-outline normal-case">
-      Login
-    </button>
   </div>
 </div>
 `;
 
 exports[`Navbar NIP07Exists test 1`] = `
-<div class="navbar bg-neutral">
-  <div class="flex-1">
-    <h4>
-      <span class="primary">
-        git
-      </span>
-      <span class>
-        together
-      </span>
-      <span class>
-        .xyz
-      </span>
-    </h4>
-  </div>
-  <div class="flex-none gap-4">
-    <button class="btn btn-outline normal-case">
-      Login
-    </button>
+<div class="bg-neutral">
+  <div class="mx-auto lg:container bg-neutral">
+    <div class="navbar">
+      <div class="flex-1">
+        <h4>
+          <span class="primary">
+            git
+          </span>
+          <span class>
+            together
+          </span>
+          <span class>
+            .xyz
+          </span>
+        </h4>
+      </div>
+      <div class="flex-none gap-4">
+        <button class="btn btn-outline normal-case">
+          Login
+        </button>
+      </div>
+    </div>
   </div>
 </div>
 `;
 
 exports[`Navbar NoNIP07 test 1`] = `
-<div class="navbar bg-neutral">
-  <div class="flex-1">
-    <h4>
-      <span class="primary">
-        git
-      </span>
-      <span class>
-        together
-      </span>
-      <span class>
-        .xyz
-      </span>
-    </h4>
-  </div>
-  <div class="flex-none gap-4">
-    <div class="btn btn-primary normal-case">
-      Sign up
+<div class="bg-neutral">
+  <div class="mx-auto lg:container bg-neutral">
+    <div class="navbar">
+      <div class="flex-1">
+        <h4>
+          <span class="primary">
+            git
+          </span>
+          <span class>
+            together
+          </span>
+          <span class>
+            .xyz
+          </span>
+        </h4>
+      </div>
+      <div class="flex-none gap-4">
+        <div class="btn btn-primary normal-case">
+          Sign up
+        </div>
+        <button class="btn btn-outline normal-case">
+          Login
+        </button>
+      </div>
     </div>
-    <button class="btn btn-outline normal-case">
-      Login
-    </button>
   </div>
 </div>
 `;
diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
index 0330292..4088740 100644
--- a/src/lib/components/Navbar.svelte
+++ b/src/lib/components/Navbar.svelte
@@ -2,20 +2,22 @@
   export let nip07plugin: boolean = false;
 </script>
 
-<div class="navbar bg-neutral">
-  <div class="flex-1">
-    <h4>
-      <span class="primary">git</span>
-      <span class="">together</span>
-      <span class="">.xyz</span>
-    </h4>
-  </div>
-  <div class="flex-none gap-4">
-    {#if !nip07plugin}
-      <div class="btn btn-primary normal-case">
-        Sign up
+<div class="bg-neutral">
+  <div class="mx-auto lg:container bg-neutral">
+    <div class="navbar">
+      <div class="flex-1">
+        <h4>
+          <span class="primary">git</span>
+          <span class="">together</span>
+          <span class="">.xyz</span>
+        </h4>
+      </div>
+      <div class="flex-none gap-4">
+        {#if !nip07plugin}
+          <div class="btn btn-primary normal-case">Sign up</div>
+        {/if}
+        <button class="btn btn-outline normal-case">Login</button>
       </div>
-    {/if}
-    <button class="btn btn-outline normal-case">Login</button>
+    </div>
   </div>
 </div>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 753dfe1..b2df61c 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -5,4 +5,6 @@
 
 <Navbar />
 
-<slot />
+<div class="mx-auto lg:container">
+  <slot />
+</div>