diff --git a/components/layout.tsx b/components/layout.tsx
index 1ff6c98..1c26e89 100644
--- a/components/layout.tsx
+++ b/components/layout.tsx
@@ -90,7 +90,7 @@ export default function Layout({ children }: any) {
 			<Meta />
 			<Navbar />
 			{qrScreenCode && <ModalQR />}
-			<main className="wrapper container mx-auto w-full h-full xl:h-full grid grid-cols-12 auto-rows-auto mb-16 2xl:mb-0 mt-20 py-6 xl:py-8 gap-[30px] px-4 pb-4">
+			<main className="wrapper container mx-auto w-full h-full xl:h-full grid grid-cols-12 auto-rows-auto mb-16 2xl:mb-0 mt-16 py-6 xl:py-8 gap-[30px] px-4 pb-4">
 				<div className="sidebar-wrapper col-span-12 xl:col-span-3 gap-4 ">
 					<div className="server-subs-wrapper w-full h-auto flex gap-4 shrink-0 ">
 						<ServerStatsCard data={proxies} time={time} />
diff --git a/components/serversListCols.tsx b/components/serversListCols.tsx
index 758e9e8..ee78d36 100644
--- a/components/serversListCols.tsx
+++ b/components/serversListCols.tsx
@@ -40,7 +40,8 @@ export default function ServersListCols(props: any) {
       portFilter +
       "&page=" +
       pageCounter?.toString(),
-    fetcher
+    fetcher,
+    { refreshInterval: 10000 }
   );
 
   useEffect(() => {
@@ -129,7 +130,7 @@ export default function ServersListCols(props: any) {
   return (
     <div
       id="cuerpo"
-      className={`lista-servers-vpns col-span-12 xl:col-span-9 w-full h-full grid grid-cols-12 auto-rows-auto gap-[16px] `}
+      className={`lista-servers-vpns col-span-12 xl:col-span-9 w-full h-auto grid grid-cols-12 auto-rows-auto gap-4 `}
     >
       <p className="dark:text-white col-span-12">
         <span className="font-bold dark:text-white">Disclaimer: </span>This