Fix:[DI-29006] - Alignment for region filter in lke (#13218)

* upcoming: [DI-29006] - fix alignment for region filter in lke

* upcoming: [DI-29006] - use better prop

* upcoming: [DI-29006] - use theme

* upcoming: [DI-29006] - use input_label_props

* upcoming: [DI-29006] - Add changeset

Author: ankita-akamai

packages/manager/.changeset/pr-13218-fixed-1766335554018.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Fixed
+---
+
+CloudPulse-Metrics: Fix alignment for region filter in lke service. ([#13218](https://github.com/linode/manager/pull/13218))

packages/manager/src/features/CloudPulse/shared/CloudPulseRegionSelect.tsx

@@ -10,6 +10,7 @@ import { filterRegionByServiceType } from '../Alerts/Utils/utils';
 import {
   NO_REGION_MESSAGE,
   PARENT_ENTITY_REGION,
+  REGION,
   RESOURCE_FILTER_MAP,
 } from '../Utils/constants';
 import { filterUsingDependentFilters } from '../Utils/FilterBuilder';
@@ -19,6 +20,7 @@ import { CLOUD_PULSE_TEXT_FIELD_PROPS } from './styles';
 
 import type { CloudPulseMetricsFilter } from '../Dashboard/CloudPulseDashboardLanding';
 import type { Dashboard, FilterValue, Region } from '@linode/api-v4';
+import type { Theme } from '@linode/ui';
 
 export interface CloudPulseRegionSelectProps {
   defaultValue?: FilterValue;
@@ -153,6 +155,9 @@ export const CloudPulseRegionSelect = React.memo(
       dependencyKey, // Reacts to region changes
     ]);
 
+    // Add spacing for region filter in LKE service to align with Clusters filter that has tooltip
+    const shouldAddSpacing = serviceType === 'lke' && filterKey === REGION;
+
     return (
       <RegionSelect
         currentCapability={capability}
@@ -193,7 +198,16 @@ export const CloudPulseRegionSelect = React.memo(
         }}
         placeholder={placeholder ?? 'Select a Region'}
         regions={supportedRegionsFromResources}
-        textFieldProps={{ ...CLOUD_PULSE_TEXT_FIELD_PROPS }}
+        textFieldProps={{
+          ...CLOUD_PULSE_TEXT_FIELD_PROPS,
+          ...(shouldAddSpacing && {
+            InputLabelProps: {
+              sx: (theme: Theme) => ({
+                marginBottom: theme.spacingFunction(4),
+              }),
+            },
+          }),
+        }}
         value={
           supportedRegionsFromResources?.length
             ? (selectedRegion ?? null)