diff --git a/pages/satistics.js b/pages/satistics.js
index 05f3662e..39b603d6 100644
--- a/pages/satistics.js
+++ b/pages/satistics.js
@@ -191,7 +191,7 @@ export default function Satistics ({ ssrData }) {
 
   return (
     <Layout>
-      <div className='mt-3'>
+      <div className='mt-2'>
         <h2 className='text-center'>satistics</h2>
         <Form
           initial={{
diff --git a/pages/settings/index.js b/pages/settings/index.js
index 4bc596f6..67cf5c92 100644
--- a/pages/settings/index.js
+++ b/pages/settings/index.js
@@ -2,7 +2,7 @@ import { Checkbox, Form, Input, SubmitButton, Select, VariableInput, CopyInput }
 import Alert from 'react-bootstrap/Alert'
 import Button from 'react-bootstrap/Button'
 import InputGroup from 'react-bootstrap/InputGroup'
-import { CenterLayout } from '@/components/layout'
+import Layout from '@/components/layout'
 import { useState, useMemo } from 'react'
 import { gql, useMutation, useQuery } from '@apollo/client'
 import { getGetServerSideProps } from '@/api/ssrApollo'
@@ -59,8 +59,8 @@ export default function Settings ({ ssrData }) {
   if (!data && !ssrData) return <PageLoading />
 
   return (
-    <CenterLayout>
-      <div className='py-3 w-100'>
+    <Layout>
+      <div className='pb-3 w-100 mt-2' style={{ maxWidth: '600px' }}>
         <h2 className='mb-2 text-start'>settings</h2>
         <Form
           initial={{
@@ -495,7 +495,7 @@ export default function Settings ({ ssrData }) {
           {settings?.authMethods && <AuthMethods methods={settings.authMethods} apiKeyEnabled={settings.apiKeyEnabled} />}
         </div>
       </div>
-    </CenterLayout>
+    </Layout>
   )
 }