UI – capitalize and align status icon in Automations column (#14095)

changes/14087-status-indicator-alignment

@@ -0,0 +1 @@
+- Fix small copy and alignment issue with status indicators in the Queries page Automations column

frontend/components/StatusIndicator/StatusIndicator.tsx

@@ -50,7 +50,7 @@ const StatusIndicator = ({
           data-for={`status-${tooltipId}`}
           data-tip-disable={false}
         >
-          {value}
+          <span>{value}</span>
         </span>
         <ReactTooltip
           className="status-tooltip"
@@ -65,7 +65,7 @@ const StatusIndicator = ({
       </>
     );
   } else {
-    indicatorContent = <>{value}</>;
+    indicatorContent = <span>{value}</span>;
   }
   return <span className={indicatorClassNames}>{indicatorContent}</span>;
 };

frontend/components/StatusIndicator/_styles.scss

@@ -14,7 +14,6 @@
     margin-right: $pad-small;
     height: 8px;
     width: 8px;
-    margin-bottom: 1px;
   }
 
   // host status