From 720e9f15f4e591eef32bc64725bd9d2ac29e59df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rodrigo=20L=C3=B3pez=20Dato?=
 <rodrigo.lopezdato@flagsmith.com>
Date: Mon, 1 Apr 2024 18:04:18 -0300
Subject: [PATCH] Fix broken CSS on Integrations page in non-Chromium browsers

---
 frontend/web/components/IntegrationList.js | 2 --
 frontend/web/styles/components/_panel.scss | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/frontend/web/components/IntegrationList.js b/frontend/web/components/IntegrationList.js
index 835e4b2a37fd..09ea0f79ac03 100644
--- 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
index 6abc79b2530a..96421f4790a3 100644
--- 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;