diff --git a/resources/scripts/components/server/ServerConsole.tsx b/resources/scripts/components/server/ServerConsole.tsx
index a746e4556..55668ffbd 100644
--- a/resources/scripts/components/server/ServerConsole.tsx
+++ b/resources/scripts/components/server/ServerConsole.tsx
@@ -77,7 +77,7 @@ export default () => {
 
     return (
         <div className={'my-10 flex'}>
-            <div className={'w-1/4 ml-4'}>
+            <div className={'w-1/4'}>
                 <TitledGreyBox title={server.name} icon={faServer}>
                     <p className={'text-xs uppercase'}>
                         <FontAwesomeIcon
diff --git a/resources/styles/components/navigation.css b/resources/styles/components/navigation.css
index c59259244..16f64e41d 100644
--- a/resources/styles/components/navigation.css
+++ b/resources/styles/components/navigation.css
@@ -43,7 +43,8 @@
     @apply .w-full .bg-neutral-700 .shadow;
 
     .items {
-        @apply .flex .items-center .text-sm .mx-2;
+        @apply .flex .items-center .text-sm .mx-auto .px-2;
+        max-width: 1200px;
 
         /*! purgecss start ignore */
         & > a, & > div {