diff --git a/frontend/components/apps/tokens/SecretTokens.tsx b/frontend/components/apps/tokens/SecretTokens.tsx
index 3050760b8..77dde986d 100644
--- a/frontend/components/apps/tokens/SecretTokens.tsx
+++ b/frontend/components/apps/tokens/SecretTokens.tsx
@@ -311,10 +311,11 @@ const CreateServiceTokenDialog = (props: { organisationId: string; appId: string
                           onChange={setEnvScope}
                           multiple
                           name="environments"
+                          horizontal
                         >
                           {({ open }) => (
                             <>
-                              <Listbox.Label as={Fragment} horizontal>
+                              <Listbox.Label as={Fragment}>
                                 <label
                                   className="block text-gray-700 text-sm font-bold mb-2"
                                   htmlFor="name"