Grid not working as expected on Safari (#599)

Co-authored-by: Breno <[email protected]>
estuary · Dec 16, 2024 · c21a1ff · c21a1ff
1 parent 419c539
commit c21a1ff
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/DeploymentOptions/DeploymentOptionDiagram/styles.module.less b/src/components/DeploymentOptions/DeploymentOptionDiagram/styles.module.less
@@ -2,9 +2,7 @@
 @secondaryTagColor: var(--blue);
 
 .container {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  align-items: center;
+  display: flex;
   justify-content: center;
   gap: 20px;
   position: relative;
@@ -40,7 +38,10 @@
   flex-direction: column;
   align-items: center;
   gap: 16px;
-  height: 100%;
+
+  .solidBorderBox {
+    height: 100%;
+  }
 
   @media (max-width: 600px) {
     gap: 10px;