diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index f273124..6c8c610 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -48,7 +48,7 @@ const Home: NextPage = () => {
   return (
     <>
       <Head>
-        <title>Cloudflare Scanner</title>
+        <title>Cloudflare Scanner | اسکنر آیپی تمیز کلودفلر</title>
         <meta
           name="description"
           content="Cloudflare Scanner to find clean ip"
@@ -56,8 +56,8 @@ const Home: NextPage = () => {
         <link rel="icon" href="/favicon.ico" />
         <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
       </Head>
-      <main className="flex h-full max-w-full flex-col items-center justify-center bg-gradient-to-b from-cyan-300 to-cyan-400 px-3">
-        <div className="max-h-full w-[900px] max-w-full rounded-lg bg-slate-200 p-5 text-gray-700 shadow-lg">
+      <main className="flex h-full max-w-full flex-col items-center justify-center px-3">
+        <div className="max-h-full w-[900px] max-w-full rounded-lg bg-slate-200 p-5 text-gray-700">
           <section className="flex flex-col items-center border-b-4 border-cyan-600">
             <div className="w-full border-b-4 border-cyan-600 py-4 text-center">
               <h1 className="text-3xl font-bold text-cyan-900">
@@ -65,8 +65,7 @@ const Home: NextPage = () => {
                 <MagnifyingGlassCircleIcon className="mb-2 inline-block h-10 w-10" />
               </h1>
             </div>
-            <div className="flex w-full flex-col items-center justify-center py-4 md:flex-row">
-              <div className="mb-4 flex w-full items-center justify-center px-2 md:mb-0 md:w-1/2">
+              <div className="flex w-full items-center justify-center py-4">
                 <label className="inline-flex h-12 items-center justify-center rounded-lg bg-white p-2">
                   Max Count:
                   <input
@@ -82,8 +81,6 @@ const Home: NextPage = () => {
                     className="ml-2 rounded-md border-0 px-2 py-1.5 text-center text-gray-900 shadow-sm ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-gray-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200 sm:text-sm sm:leading-6"
                   />
                 </label>
-              </div>
-              <div className="flex w-full items-center justify-center px-2 md:w-1/2">
                 <label className="inline-flex h-12 items-center justify-center rounded-lg bg-white p-2">
                   Maximum Delay:
                   <input
@@ -97,11 +94,10 @@ const Home: NextPage = () => {
                     min={150}
                     max={3000}
                     step={50}
-                    className="ml-2 w-16 rounded-md border-0 px-2 py-1.5 text-center text-gray-900 shadow-sm ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-gray-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200 sm:text-sm sm:leading-6"
+                    className="ml-2 rounded-md border-0 px-2 py-1.5 text-center text-gray-900 shadow-sm ring-1 ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-gray-600 disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500 disabled:ring-gray-200 sm:text-sm sm:leading-6"
                   />
                 </label>
               </div>
-            </div>
             <div className="flex w-full items-center justify-center py-4">
               <label className="inline-flex h-12 items-center justify-center rounded-lg bg-white p-2">
                 Regex for IP:
