Merge pull request #24903 from JeevaRamanathan/issue_21781

Fix: Autocomplete component overlapping sidebar

plugins/scaffolder-react/src/next/components/TemplateCategoryPicker/TemplateCategoryPicker.tsx

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import React from 'react';
+import React, { ReactNode } from 'react';
 import capitalize from 'lodash/capitalize';
 import { Progress } from '@backstage/core-components';
 import Box from '@material-ui/core/Box';
@@ -78,6 +78,9 @@ export const TemplateCategoryPicker = () => {
         Categories
       </Typography>
       <Autocomplete<string, true>
+        PopperComponent={popperProps => (
+          <div {...popperProps}>{popperProps.children as ReactNode}</div>
+        )}
         multiple
         id="categories-picker"
         options={availableTypes}