Fix cloud icon alignment in experiments table (#4340)

Author: mattseddon

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>
     )

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;