From e8fd0cf904f3a0928079fe348ae7971e5866fb23 Mon Sep 17 00:00:00 2001 From: brave-builds Date: Sat, 3 Dec 2022 05:33:33 +0000 Subject: [PATCH] Uplift of #16178 (squashed) to beta --- .../brave_vpn/resources/panel/components/flag/index.tsx | 3 ++- .../resources/panel/components/select-region-list/style.ts | 4 ++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/components/brave_vpn/resources/panel/components/flag/index.tsx b/components/brave_vpn/resources/panel/components/flag/index.tsx index 4eabc2855905..3d1e05fd98e5 100644 --- a/components/brave_vpn/resources/panel/components/flag/index.tsx +++ b/components/brave_vpn/resources/panel/components/flag/index.tsx @@ -11,7 +11,8 @@ interface Props { export const IconBox = styled.span` width: 24px; - height: 24px; + height: auto; + display: flex; img { width: 100%; 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 7ec5736b9e6c..83222781fb70 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 @@ -51,6 +51,10 @@ export const RegionList = styled.div` border: 2px solid var(--box-bg); background-color: ${(p) => p.theme.color.divider01}; } + + label { + align-items: center; // vertically aligns radio button with contents next to it + } ` export const RegionLabelButton = styled.button`