diff --git a/components/brave_vpn/resources/panel/components/select-region-list/style.ts b/components/brave_vpn/resources/panel/components/select-region-list/style.ts
index bf36613bb1a5..a4f76d8fcc31 100644
--- a/components/brave_vpn/resources/panel/components/select-region-list/style.ts
+++ b/components/brave_vpn/resources/panel/components/select-region-list/style.ts
@@ -163,9 +163,9 @@ export const RegionConnect = styled(Button)<{ right: string }>`
   opacity: 0;
   position: absolute;
   right: ${(p) => p.right};
-  transition: opacity 0.3s ease-in-out;
 
   ${RegionCountry}:hover &, ${RegionCity}:hover & {
+    transition: opacity 0.3s ease-in-out;
     opacity: 1;
   }
 `