diff --git a/web/src/components/CreateShortcutDialog.tsx b/web/src/components/CreateShortcutDialog.tsx
index ee1bfb1..00a64e0 100644
--- a/web/src/components/CreateShortcutDialog.tsx
+++ b/web/src/components/CreateShortcutDialog.tsx
@@ -147,7 +147,7 @@ const CreateShortcutDialog: React.FC<Props> = (props: Props) => {
           <div className="w-full flex flex-col justify-start items-start mb-3">
             <span className="mb-2">Visibility</span>
             <div className="w-full flex flex-row justify-start items-center text-base">
-              <RadioGroup row value={state.shortcutCreate.visibility} onChange={handleVisibilityInputChange}>
+              <RadioGroup orientation="horizontal" value={state.shortcutCreate.visibility} onChange={handleVisibilityInputChange}>
                 <Radio value="PRIVATE" label="Private" />
                 <Radio value="WORKSPACE" label="Workspace" />
                 <Radio value="PUBLIC" label="Public" />
diff --git a/web/src/components/UpsertWorkspaceUserDialog.tsx b/web/src/components/UpsertWorkspaceUserDialog.tsx
index 65c3c37..8258fcc 100644
--- a/web/src/components/UpsertWorkspaceUserDialog.tsx
+++ b/web/src/components/UpsertWorkspaceUserDialog.tsx
@@ -96,7 +96,7 @@ const UpsertWorkspaceUserDialog: React.FC<Props> = (props: Props) => {
           <div className="w-full flex flex-col justify-start items-start mb-3">
             <span className="mb-2">Role</span>
             <div>
-              <RadioGroup row value={state.workspaceUserUpsert.role} onChange={handleUserRoleInputChange}>
+              <RadioGroup orientation="horizontal" value={state.workspaceUserUpsert.role} onChange={handleUserRoleInputChange}>
                 <Radio value="USER" label="User" />
                 <Radio value="ADMIN" label="Admin" />
               </RadioGroup>