Grafana UI: stop input element of the react select component from overflowing and causing layout issues. (#88372)

* Grafana UI: stop input element of the react select component from overflowing the input container

* update snapshot since the css changed

---------

Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>

packages/grafana-ui/src/components/Select/resetSelectStyles.ts

@@ -21,6 +21,7 @@ export default function resetSelectStyles(theme: GrafanaTheme2) {
         padding: 0,
         // Set an explicit z-index here to ensure this element always overlays the singleValue
         zIndex: 1,
+        overflow: 'hidden',
       };
     },
     loadingIndicator: () => ({}),

public/app/plugins/datasource/cloud-monitoring/components/__snapshots__/VariableQueryEditor.test.tsx.snap

@@ -46,7 +46,7 @@ exports[`VariableQueryEditor renders correctly 1`] = `
               Loading...
             </div>
             <div
-              className=" css-lq7btu-Input"
+              className=" css-1tkw9oc-Input"
               data-value=""
             >
               <input