diff --git a/frontend/src/component/application/ConnectedInstances/ConnectedInstances.tsx b/frontend/src/component/application/ConnectedInstances/ConnectedInstances.tsx index f04bfe07cb..4bb1046899 100644 --- a/frontend/src/component/application/ConnectedInstances/ConnectedInstances.tsx +++ b/frontend/src/component/application/ConnectedInstances/ConnectedInstances.tsx @@ -40,7 +40,16 @@ const EnvironmentSelectionContainer = styled('div')(({ theme }) => ({ outlineOffset: theme.spacing(0.5), }, - input: { + fieldset: { + border: 'none', + padding: 0, + margin: 0, + }, + legend: { + marginBlockEnd: theme.spacing(3), + }, + + '.visually-hidden': { border: 0, clip: 'rect(0 0 0 0)', height: 'auto', @@ -99,21 +108,29 @@ export const ConnectedInstances = () => { return ( - {allEnvironmentsSorted.map((env) => { - return ( - - ); - })} +
+ + Select which environment to display data for. Only + environments that have received traffic for this + application will be shown here. + + {allEnvironmentsSorted.map((env) => { + return ( + + ); + })} +