From ed26a3606d40e31882debbec8d71cee9215bdaff Mon Sep 17 00:00:00 2001
From: Matt Seddon <mattseddon@hotmail.com>
Date: Tue, 25 Jul 2023 09:13:05 +1000
Subject: [PATCH] Fix cloud icon alignment in experiments table

---
 .../components/table/body/ExperimentStatusIndicator.tsx     | 2 +-
 webview/src/experiments/components/table/styles.module.scss | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/webview/src/experiments/components/table/body/ExperimentStatusIndicator.tsx b/webview/src/experiments/components/table/body/ExperimentStatusIndicator.tsx
index 73b362f383..0072ac8479 100644
--- a/webview/src/experiments/components/table/body/ExperimentStatusIndicator.tsx
+++ b/webview/src/experiments/components/table/body/ExperimentStatusIndicator.tsx
@@ -47,7 +47,7 @@ export const ExperimentStatusIndicator: React.FC<
     return (
       <CellHintTooltip tooltipContent="Experiment on remote">
         <div className={styles.upload}>
-          <Icon icon={Cloud} height={16} width={16} />
+          <Icon className={styles.cloudIndicator} icon={Cloud} />
         </div>
       </CellHintTooltip>
     )
diff --git a/webview/src/experiments/components/table/styles.module.scss b/webview/src/experiments/components/table/styles.module.scss
index 5e69bdd946..1876882ede 100644
--- a/webview/src/experiments/components/table/styles.module.scss
+++ b/webview/src/experiments/components/table/styles.module.scss
@@ -659,6 +659,12 @@ $badge-size: 0.85rem;
   padding: 1px;
 }
 
+.cloudIndicator {
+  height: 16px;
+  width: 16px;
+  margin-left: 2px;
+}
+
 .running {
   display: inline-flex;
   height: 12px;