diff --git a/packages/manager/src/components/Autocomplete/Autocomplete.stories.tsx b/packages/manager/src/components/Autocomplete/Autocomplete.stories.tsx
index 98453f38710..304210bd9cf 100644
--- a/packages/manager/src/components/Autocomplete/Autocomplete.stories.tsx
+++ b/packages/manager/src/components/Autocomplete/Autocomplete.stories.tsx
@@ -182,7 +182,7 @@ export const Regions: Story = {
     renderOption: (props, option, { selected }) => {
       return (
         <StyledListItem {...props}>
-          <Box alignItems={'center'} flexGrow={1}>
+          <Box display={'flex'} alignItems={'center'} flexGrow={1}>
             <StyledFlag>{option.data.flag}</StyledFlag>
             {option.label}
           </Box>