From 9a1f28bd43e354be61c6d5e30dd1df7b50af4cfa Mon Sep 17 00:00:00 2001
From: pierre <dommerc.pierre@gmail.com>
Date: Wed, 20 Dec 2023 15:27:56 +0100
Subject: [PATCH] fix spacing issue

---
 nym-vpn/ui/src/pages/home/ConnectionStatus.tsx  | 2 +-
 nym-vpn/ui/src/pages/home/Home.tsx              | 2 +-
 nym-vpn/ui/src/pages/home/NetworkModeSelect.tsx | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/nym-vpn/ui/src/pages/home/ConnectionStatus.tsx b/nym-vpn/ui/src/pages/home/ConnectionStatus.tsx
index de3c6c92f9..caf25782f0 100644
--- a/nym-vpn/ui/src/pages/home/ConnectionStatus.tsx
+++ b/nym-vpn/ui/src/pages/home/ConnectionStatus.tsx
@@ -55,7 +55,7 @@ function ConnectionStatus() {
     }
   };
   return (
-    <div className="h-64 flex flex-col justify-center items-center gap-y-2">
+    <div className="h-72 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 6fcfd4e567..7987c52066 100644
--- a/nym-vpn/ui/src/pages/home/Home.tsx
+++ b/nym-vpn/ui/src/pages/home/Home.tsx
@@ -71,7 +71,7 @@ function Home() {
     <div className="h-full flex flex-col p-4">
       <ConnectionStatus />
       <div className="flex grow flex-col justify-between gap-y-2">
-        <div className="flex flex-col justify-between gap-y-2">
+        <div className="flex flex-col justify-between gap-y-4">
           <NetworkModeSelect />
           <div className="flex flex-col gap-4">
             <div className="mt-3 font-semibold text-lg">
diff --git a/nym-vpn/ui/src/pages/home/NetworkModeSelect.tsx b/nym-vpn/ui/src/pages/home/NetworkModeSelect.tsx
index 1cdb3dfa8c..3721cf7a5d 100644
--- a/nym-vpn/ui/src/pages/home/NetworkModeSelect.tsx
+++ b/nym-vpn/ui/src/pages/home/NetworkModeSelect.tsx
@@ -55,11 +55,11 @@ function NetworkModeSelect() {
   };
 
   return (
-    <div className="">
+    <div>
       <RadioGroup value={selected} onChange={handleSelect}>
         <RadioGroup.Label
           as="div"
-          className="font-semibold text-lg text-baltic-sea dark:text-white mb-4"
+          className="font-semibold text-lg text-baltic-sea dark:text-white mb-5"
         >
           {t('select-network-label')}
         </RadioGroup.Label>