diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 727b977..29ad239 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -15,7 +15,7 @@ const Footer: React.FC = () => {
   })
 
   return (
-    <footer className="mx-auto w-full max-w-6xl px-4 lg:px-0 pb-4 server-footer">
+    <footer className="mx-auto w-full max-w-5xl px-4 lg:px-0 pb-4 server-footer">
       <section className="flex flex-col">
         <section className="mt-1 flex items-center sm:flex-row flex-col justify-between gap-2 text-[13px] font-light tracking-tight text-neutral-600/50 dark:text-neutral-300/50 server-footer-name">
           <div className="flex items-center gap-1">
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 4e2f254..cf72f8f 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -76,7 +76,7 @@ function Header() {
   const customBackgroundImage = backgroundImage
 
   return (
-    <div className="mx-auto w-full max-w-6xl">
+    <div className="mx-auto w-full max-w-5xl">
       <section className="flex items-center justify-between header-top">
         <section
           onClick={() => {
diff --git a/src/components/loading/ServerDetailLoading.tsx b/src/components/loading/ServerDetailLoading.tsx
index bdfd6b4..0f0e77f 100644
--- a/src/components/loading/ServerDetailLoading.tsx
+++ b/src/components/loading/ServerDetailLoading.tsx
@@ -22,7 +22,7 @@ export function ServerDetailLoading() {
   const navigate = useNavigate()
 
   return (
-    <div className="mx-auto w-full max-w-6xl px-0">
+    <div className="mx-auto w-full max-w-5xl px-0">
       <div
         onClick={() => {
           navigate("/")
diff --git a/src/pages/Server.tsx b/src/pages/Server.tsx
index f15c11d..cc77b93 100644
--- a/src/pages/Server.tsx
+++ b/src/pages/Server.tsx
@@ -211,7 +211,7 @@ export default function Servers() {
   })
 
   return (
-    <div className="mx-auto w-full max-w-6xl px-0">
+    <div className="mx-auto w-full max-w-5xl px-0">
       <ServerOverview
         total={totalServers}
         online={onlineServers}
diff --git a/src/pages/ServerDetail.tsx b/src/pages/ServerDetail.tsx
index 28057ad..20dca88 100644
--- a/src/pages/ServerDetail.tsx
+++ b/src/pages/ServerDetail.tsx
@@ -24,7 +24,7 @@ export default function ServerDetail() {
   }
 
   return (
-    <div className="mx-auto w-full max-w-6xl px-0 flex flex-col gap-4 server-info">
+    <div className="mx-auto w-full max-w-5xl px-0 flex flex-col gap-4 server-info">
       <ServerDetailOverview server_id={server_id} />
       <section className="flex items-center my-2 w-full">
         <Separator className="flex-1" />