diff --git a/nym-vpn/ui/src/pages/home/ConnectionStatus.tsx b/nym-vpn/ui/src/pages/home/ConnectionStatus.tsx index dd698bc5e0..90cf02abfd 100644 --- a/nym-vpn/ui/src/pages/home/ConnectionStatus.tsx +++ b/nym-vpn/ui/src/pages/home/ConnectionStatus.tsx @@ -8,6 +8,7 @@ function ConnectionStatus() { const state = useMainState(); const { t } = useTranslation('home'); + const statusBadgeDynStyles = { Connected: ['text-vert-menthe', 'bg-vert-prasin bg-opacity-10'], Disconnected: [ @@ -51,7 +52,7 @@ function ConnectionStatus() { } }; return ( -
+
- -
+
+ +
+
diff --git a/nym-vpn/ui/src/pages/home/HopSelect.tsx b/nym-vpn/ui/src/pages/home/HopSelect.tsx index 595192c49a..6f3611a9a3 100644 --- a/nym-vpn/ui/src/pages/home/HopSelect.tsx +++ b/nym-vpn/ui/src/pages/home/HopSelect.tsx @@ -41,7 +41,7 @@ export default function HopSelect({
{country.code}
{country.name}