diff --git a/packages/bruno-app/src/components/Environments/EnvironmentSelector/StyledWrapper.js b/packages/bruno-app/src/components/Environments/EnvironmentSelector/StyledWrapper.js index 27320f11c..3f8fa7490 100644 --- a/packages/bruno-app/src/components/Environments/EnvironmentSelector/StyledWrapper.js +++ b/packages/bruno-app/src/components/Environments/EnvironmentSelector/StyledWrapper.js @@ -23,6 +23,7 @@ const Wrapper = styled.div` .env-text { color: ${(props) => props.theme.dropdown.selectedColor}; font-size: 0.875rem; + display: block; } .env-separator { @@ -47,7 +48,7 @@ const Wrapper = styled.div` .tippy-box { width: ${(props) => props.width}px; min-width: 12rem; - max-width: 35vw !important; + max-width: 650px !important; min-height: 15.5rem; max-height: 75vh; font-size: 0.8125rem; diff --git a/packages/bruno-app/src/components/Environments/EnvironmentSelector/index.js b/packages/bruno-app/src/components/Environments/EnvironmentSelector/index.js index 7a2e34b4c..1e74bb7d4 100644 --- a/packages/bruno-app/src/components/Environments/EnvironmentSelector/index.js +++ b/packages/bruno-app/src/components/Environments/EnvironmentSelector/index.js @@ -143,7 +143,7 @@ const EnvironmentSelector = ({ collection }) => { delayShow={1000} hidden={activeCollectionEnvironment.name?.length < 7} > - {activeCollectionEnvironment.name} + {activeCollectionEnvironment.name} {activeGlobalEnvironment && |} @@ -159,7 +159,7 @@ const EnvironmentSelector = ({ collection }) => { delayShow={1000} hidden={activeGlobalEnvironment.name?.length < 7} > - {activeGlobalEnvironment.name} + {activeGlobalEnvironment.name} )}