diff --git a/nym-vpn/ui/src/pages/home/ConnectionStatus.tsx b/nym-vpn/ui/src/pages/home/ConnectionStatus.tsx
index 90cf02abfd..6c50f44bb3 100644
--- a/nym-vpn/ui/src/pages/home/ConnectionStatus.tsx
+++ b/nym-vpn/ui/src/pages/home/ConnectionStatus.tsx
@@ -52,7 +52,7 @@ function ConnectionStatus() {
     }
   };
   return (
-    <div className="h-full min-h-64 flex flex-col justify-center items-center gap-y-2">
+    <div className="h-full min-h-52 flex flex-col justify-center items-center gap-y-2">
       <div className="flex flex-1 items-end">
         <div
           className={clsx([
diff --git a/nym-vpn/ui/src/pages/home/Home.tsx b/nym-vpn/ui/src/pages/home/Home.tsx
index fa62ef31a5..d87936365f 100644
--- a/nym-vpn/ui/src/pages/home/Home.tsx
+++ b/nym-vpn/ui/src/pages/home/Home.tsx
@@ -78,7 +78,7 @@ function Home() {
       <div className="grow">
         <ConnectionStatus />
       </div>
-      <div className="flex flex-col justify-between gap-y-6">
+      <div className="flex flex-col justify-between gap-y-8">
         <div className="flex flex-col justify-between gap-y-4">
           <NetworkModeSelect />
           <div className="flex flex-col gap-6">