From 01ff202aee72dc85e4cd661af2717670ab574d11 Mon Sep 17 00:00:00 2001
From: Stephanie Roy <stephanie@iterative.ai>
Date: Wed, 25 May 2022 11:39:02 -0400
Subject: [PATCH 1/2] Add min-width to comparison table

---
 webview/src/plots/components/styles.module.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/webview/src/plots/components/styles.module.scss b/webview/src/plots/components/styles.module.scss
index 97525dbe9e..6b53f9f477 100644
--- a/webview/src/plots/components/styles.module.scss
+++ b/webview/src/plots/components/styles.module.scss
@@ -219,16 +219,19 @@ $gap: 20px;
   .smallPlots & {
     width: calc(25% * var(--scale));
     padding-right: $gap;
+    min-width: calc(300px * var(--scale));
   }
 
   .regularPlots & {
     width: calc(33% * var(--scale));
     padding-right: $gap;
+    min-width: calc(400px * var(--scale));
   }
 
   .largePlots & {
     width: calc(50% * var(--scale));
     padding-right: $gap;
+    min-width: calc(500px * var(--scale));
   }
 
   @media (min-width: 1000px) {

From 67e0b388f77fcf2b8e750aee782fcc536bcf42fc Mon Sep 17 00:00:00 2001
From: Stephanie Roy <stephanie@iterative.ai>
Date: Wed, 25 May 2022 11:54:38 -0400
Subject: [PATCH 2/2] Remove centered class around plots

---
 webview/src/plots/components/PlotsContainer.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webview/src/plots/components/PlotsContainer.tsx b/webview/src/plots/components/PlotsContainer.tsx
index 9ea55b7263..f0f1741ef9 100644
--- a/webview/src/plots/components/PlotsContainer.tsx
+++ b/webview/src/plots/components/PlotsContainer.tsx
@@ -127,7 +127,7 @@ export const PlotsContainer: React.FC<PlotsContainerProps> = ({
             sectionTitle
           )}
         </summary>
-        <div className={styles.centered}>
+        <div>
           {open && (
             <div className={sizeClass} data-testid="plots-wrapper">
               {children}