Fix non-rounded loading indicator when display="large"

cee-chen · cee-chen · commit 531c39459308 · 2024-06-13T14:01:37.000-07:00
diff --git a/packages/eui/src/components/form/file_picker/file_picker.styles.ts b/packages/eui/src/components/form/file_picker/file_picker.styles.ts
@@ -45,6 +45,10 @@ export const euiFilePickerStyles = (euiThemeContext: UseEuiTheme) => {
     `,
     loading: css`
       --euiFormControlRightIconsCount: 1;
+
+      /* Clip EuiProgress loading indicator that renders for large displays */
+      border-radius: ${formVariables.controlCompressedBorderRadius};
+      overflow: hidden;
     `,
 
     // Skip the css() on the default width to avoid generating a className
