diff --git a/src/components/MenuItem.astro b/src/components/MenuItem.astro
index dca56b9..3eaea11 100644
--- a/src/components/MenuItem.astro
+++ b/src/components/MenuItem.astro
@@ -24,6 +24,14 @@ const { name, link, icon } = Astro.props;
         // 0.6rem = horizontal padding
         padding: 0 0.6rem;
         font-size: 1.15rem;
+
+        &:first-child {
+            padding-left: 0;
+        }
+        
+        &:last-child {
+            padding-right: 0;
+        }
     }
 
     a {
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 7ae7b44..a177dc0 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -25,6 +25,7 @@ const { title, description } = Astro.props;
 
 <style lang="less" is:global>
 	@import "/src/styles/theme.less";
+	@import "/src/styles/max_width.less";
 
 	body {
 		.theme-mixin();
@@ -43,7 +44,7 @@ const { title, description } = Astro.props;
 	main  {
 		margin: auto;
 		padding: 0.25rem;
-		max-width: 300rem;
+		max-width: @max-width;
 	}
 
 	article {
diff --git a/src/layouts/Menu.astro b/src/layouts/Menu.astro
index 4c5a476..badafba 100644
--- a/src/layouts/Menu.astro
+++ b/src/layouts/Menu.astro
@@ -14,8 +14,13 @@ import ThemeModal from "../components/ThemeModal.astro";
 </nav>
 
 <style lang="less">
+    @import "/src/styles/max_width.less";
+
     nav {
-        margin: 0.4rem;
+        margin: 0.4rem auto;
+        max-width: @max-width;
+        width: 100%;
+
         display: flex;
         flex-direction: row;
         justify-content: space-between;
diff --git a/src/styles/max_width.less b/src/styles/max_width.less
new file mode 100644
index 0000000..f0b4b68
--- /dev/null
+++ b/src/styles/max_width.less
@@ -0,0 +1 @@
+@max-width: 800px;