diff --git a/src/components/IndexSidebar.astro b/src/components/IndexSidebar.astro
index 9d6a3a9..c672f71 100644
--- a/src/components/IndexSidebar.astro
+++ b/src/components/IndexSidebar.astro
@@ -57,6 +57,7 @@ const { data: tags } =
 
 <style>
   .sidebar {
+    flex-shrink: 0;
     width: 300px;
     height: 100%;
     display: flex;
diff --git a/src/components/IndexView.astro b/src/components/IndexView.astro
index 7d8178a..0a21d5d 100644
--- a/src/components/IndexView.astro
+++ b/src/components/IndexView.astro
@@ -25,15 +25,17 @@ const {posts, page, totalPage} = Astro.props;
 
 <style>
   .container {
+    flex: 1;
     width: 100%;
     display: flex;
     gap: 28px;
   }
 
-  .post-container{
+  .post-container {
     display: flex;
     flex-direction: column;
     gap: 32px;
+    flex: 1;
   }
 
   @media (max-width: 860px) {
diff --git a/src/pages/archive.astro b/src/pages/archive.astro
index 0a74749..dd1465a 100644
--- a/src/pages/archive.astro
+++ b/src/pages/archive.astro
@@ -51,6 +51,7 @@ const {data} = await http.get<ApiResponse<Archive>>("posts/archives");
   }
 
   .archive {
+    width: 100%;
     max-width: 860px;
     margin: 0 auto;
   }
diff --git a/src/pages/search.astro b/src/pages/search.astro
index 14b6028..354062f 100644
--- a/src/pages/search.astro
+++ b/src/pages/search.astro
@@ -123,6 +123,7 @@ const buildSearchUrl = (type: 'category' | 'tag', code: string) => {
     gap: 14px;
     margin: 0 auto;
     max-width: 860px;
+    width: 100%;
   }
 
   .search-header {
diff --git a/src/styles/global.css b/src/styles/global.css
index 8a3063e..f06a55f 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -52,6 +52,9 @@ body {
   max-width: var(--layout-width);
   margin: 0 auto;
   padding: 32px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
 }
 
 @media (max-width: 768px) {