From 0c5769ec5c26e456b658d6a20926f82cab262709 Mon Sep 17 00:00:00 2001
From: James Gatz <jamesgatzos@gmail.com>
Date: Wed, 25 Oct 2023 15:38:08 +0200
Subject: [PATCH] make options have the same width (#6722)

---
 packages/insomnia/src/ui/routes/project.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/insomnia/src/ui/routes/project.tsx b/packages/insomnia/src/ui/routes/project.tsx
index 66268cddd..b97b6500c 100644
--- a/packages/insomnia/src/ui/routes/project.tsx
+++ b/packages/insomnia/src/ui/routes/project.tsx
@@ -812,7 +812,7 @@ const ProjectRoute: FC = () => {
                                   <div className="flex gap-2">
                                     <Radio
                                       value="remote"
-                                      className="data-[selected]:border-[--color-surprise] data-[selected]:ring-2 data-[selected]:ring-[--color-surprise] hover:bg-[--hl-xs] focus:bg-[--hl-sm] border border-solid border-[--hl-md] rounded p-4 focus:outline-none transition-colors"
+                                      className="flex-1 data-[selected]:border-[--color-surprise] data-[selected]:ring-2 data-[selected]:ring-[--color-surprise] hover:bg-[--hl-xs] focus:bg-[--hl-sm] border border-solid border-[--hl-md] rounded p-4 focus:outline-none transition-colors"
                                     >
                                       <Icon icon="globe" />
                                       <Heading className="text-lg font-bold">Secure Cloud</Heading>
@@ -822,7 +822,7 @@ const ProjectRoute: FC = () => {
                                     </Radio>
                                     <Radio
                                       value="local"
-                                      className="data-[selected]:border-[--color-surprise] data-[selected]:ring-2 data-[selected]:ring-[--color-surprise] hover:bg-[--hl-xs] focus:bg-[--hl-sm] border border-solid border-[--hl-md] rounded p-4 focus:outline-none transition-colors"
+                                      className="flex-1 data-[selected]:border-[--color-surprise] data-[selected]:ring-2 data-[selected]:ring-[--color-surprise] hover:bg-[--hl-xs] focus:bg-[--hl-sm] border border-solid border-[--hl-md] rounded p-4 focus:outline-none transition-colors"
                                     >
                                       <Icon icon="laptop" />
                                       <Heading className="text-lg font-bold">Local Vault</Heading>