fix: broken CSS on Integrations page in non-Chromium browsers (#3705)

Flagsmith · Apr 2, 2024 · 0fe8646 · 0fe8646
1 parent 741320e
commit 0fe8646
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 3 deletions.
diff --git a/frontend/web/components/IntegrationList.js b/frontend/web/components/IntegrationList.js
@@ -33,7 +33,6 @@ class Integration extends Component {
     )
     return (
       <div className='panel panel-integrations p-4 mb-3'>
-        <Flex>
           <img className='mb-2' src={image} />
           <Row space style={{ flexWrap: 'noWrap' }}>
             <div className='subtitle mt-2'>
@@ -96,7 +95,6 @@ class Integration extends Component {
               )}
             </Row>
           </Row>
-        </Flex>
 
         {activeIntegrations &&
           activeIntegrations.map((integration) => (

diff --git a/frontend/web/styles/components/_panel.scss b/frontend/web/styles/components/_panel.scss
@@ -181,8 +181,8 @@ a.text-white {
     border: 1px solid $panel-border-color;
 
     img {
-      width: fit-content;
       height: 30px;
+      object-fit: contain;
     }
     .list-integrations {
       border-radius: $border-radius-xlg;