Display the icon on the right side

elastic · Jul 19, 2022 · 371d2ea · 371d2ea
1 parent 32da501
commit 371d2ea
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/x-pack/plugins/apm/public/components/routing/templates/apm_service_template/index.tsx b/x-pack/plugins/apm/public/components/routing/templates/apm_service_template/index.tsx
@@ -332,15 +332,15 @@ function useTabs({ selectedTab }: { selectedTab: Tab['key'] }) {
         query,
       }),
       label: (
-        <EuiFlexGroup direction="row" gutterSize="xs">
-          <EuiFlexItem>
-            <TechnicalPreviewBadge icon="beaker" />
-          </EuiFlexItem>
+        <EuiFlexGroup gutterSize="xs">
           <EuiFlexItem>
             {i18n.translate('xpack.apm.home.alertsTabLabel', {
               defaultMessage: 'Alerts',
             })}
           </EuiFlexItem>
+          <EuiFlexItem>
+            <TechnicalPreviewBadge icon="beaker" />
+          </EuiFlexItem>
         </EuiFlexGroup>
       ),
       hidden: !(isAlertingAvailable && canReadAlerts),