streamlit · sfc-gh-nbellante · Jan 12, 2026 · Jan 10, 2026 · Jan 10, 2026 · Jan 11, 2026
diff --git a/.../linux/st_chat_input_test/st_chat_input-file_chip_archive[chromium-archive].png b/.../linux/st_chat_input_test/st_chat_input-file_chip_archive[chromium-archive].png
diff --git a/..._/linux/st_chat_input_test/st_chat_input-file_chip_archive[firefox-archive].png b/..._/linux/st_chat_input_test/st_chat_input-file_chip_archive[firefox-archive].png
diff --git a/...__/linux/st_chat_input_test/st_chat_input-file_chip_archive[webkit-archive].png b/...__/linux/st_chat_input_test/st_chat_input-file_chip_archive[webkit-archive].png
diff --git a/...ts__/linux/st_chat_input_test/st_chat_input-file_chip_audio[chromium-audio].png b/...ts__/linux/st_chat_input_test/st_chat_input-file_chip_audio[chromium-audio].png
diff --git a/...ots__/linux/st_chat_input_test/st_chat_input-file_chip_audio[firefox-audio].png b/...ots__/linux/st_chat_input_test/st_chat_input-file_chip_audio[firefox-audio].png
diff --git a/...hots__/linux/st_chat_input_test/st_chat_input-file_chip_audio[webkit-audio].png b/...hots__/linux/st_chat_input_test/st_chat_input-file_chip_audio[webkit-audio].png
diff --git a/...hots__/linux/st_chat_input_test/st_chat_input-file_chip_code[chromium-code].png b/...hots__/linux/st_chat_input_test/st_chat_input-file_chip_code[chromium-code].png
diff --git a/...shots__/linux/st_chat_input_test/st_chat_input-file_chip_code[firefox-code].png b/...shots__/linux/st_chat_input_test/st_chat_input-file_chip_code[firefox-code].png
diff --git a/...pshots__/linux/st_chat_input_test/st_chat_input-file_chip_code[webkit-code].png b/...pshots__/linux/st_chat_input_test/st_chat_input-file_chip_code[webkit-code].png
diff --git a/...pshots__/linux/st_chat_input_test/st_chat_input-file_chip_pdf[chromium-pdf].png b/...pshots__/linux/st_chat_input_test/st_chat_input-file_chip_pdf[chromium-pdf].png
diff --git a/...apshots__/linux/st_chat_input_test/st_chat_input-file_chip_pdf[firefox-pdf].png b/...apshots__/linux/st_chat_input_test/st_chat_input-file_chip_pdf[firefox-pdf].png
diff --git a/...napshots__/linux/st_chat_input_test/st_chat_input-file_chip_pdf[webkit-pdf].png b/...napshots__/linux/st_chat_input_test/st_chat_input-file_chip_pdf[webkit-pdf].png
diff --git a/...t_chat_input_test/st_chat_input-file_chip_spreadsheet[chromium-spreadsheet].png b/...t_chat_input_test/st_chat_input-file_chip_spreadsheet[chromium-spreadsheet].png
diff --git a/...st_chat_input_test/st_chat_input-file_chip_spreadsheet[firefox-spreadsheet].png b/...st_chat_input_test/st_chat_input-file_chip_spreadsheet[firefox-spreadsheet].png
diff --git a/.../st_chat_input_test/st_chat_input-file_chip_spreadsheet[webkit-spreadsheet].png b/.../st_chat_input_test/st_chat_input-file_chip_spreadsheet[webkit-spreadsheet].png
diff --git a/...hots__/linux/st_chat_input_test/st_chat_input-file_chip_text[chromium-text].png b/...hots__/linux/st_chat_input_test/st_chat_input-file_chip_text[chromium-text].png
diff --git a/...shots__/linux/st_chat_input_test/st_chat_input-file_chip_text[firefox-text].png b/...shots__/linux/st_chat_input_test/st_chat_input-file_chip_text[firefox-text].png
diff --git a/...pshots__/linux/st_chat_input_test/st_chat_input-file_chip_text[webkit-text].png b/...pshots__/linux/st_chat_input_test/st_chat_input-file_chip_text[webkit-text].png
diff --git a/...inux/st_chat_input_test/st_chat_input-file_chip_themed[dark_theme-chromium].png b/...inux/st_chat_input_test/st_chat_input-file_chip_themed[dark_theme-chromium].png
diff --git a/...linux/st_chat_input_test/st_chat_input-file_chip_themed[dark_theme-firefox].png b/...linux/st_chat_input_test/st_chat_input-file_chip_themed[dark_theme-firefox].png
diff --git a/.../linux/st_chat_input_test/st_chat_input-file_chip_themed[dark_theme-webkit].png b/.../linux/st_chat_input_test/st_chat_input-file_chip_themed[dark_theme-webkit].png
diff --git a/...nux/st_chat_input_test/st_chat_input-file_chip_themed[light_theme-chromium].png b/...nux/st_chat_input_test/st_chat_input-file_chip_themed[light_theme-chromium].png
diff --git a/...inux/st_chat_input_test/st_chat_input-file_chip_themed[light_theme-firefox].png b/...inux/st_chat_input_test/st_chat_input-file_chip_themed[light_theme-firefox].png
diff --git a/...linux/st_chat_input_test/st_chat_input-file_chip_themed[light_theme-webkit].png b/...linux/st_chat_input_test/st_chat_input-file_chip_themed[light_theme-webkit].png
diff --git a/...ux/st_chat_input_test/st_chat_input-file_chip_truncated[chromium-truncated].png b/...ux/st_chat_input_test/st_chat_input-file_chip_truncated[chromium-truncated].png
diff --git a/...nux/st_chat_input_test/st_chat_input-file_chip_truncated[firefox-truncated].png b/...nux/st_chat_input_test/st_chat_input-file_chip_truncated[firefox-truncated].png
diff --git a/...inux/st_chat_input_test/st_chat_input-file_chip_truncated[webkit-truncated].png b/...inux/st_chat_input_test/st_chat_input-file_chip_truncated[webkit-truncated].png
diff --git a/.../linux/st_chat_input_test/st_chat_input-file_chip_unknown[chromium-unknown].png b/.../linux/st_chat_input_test/st_chat_input-file_chip_unknown[chromium-unknown].png
diff --git a/..._/linux/st_chat_input_test/st_chat_input-file_chip_unknown[firefox-unknown].png b/..._/linux/st_chat_input_test/st_chat_input-file_chip_unknown[firefox-unknown].png
diff --git a/...__/linux/st_chat_input_test/st_chat_input-file_chip_unknown[webkit-unknown].png b/...__/linux/st_chat_input_test/st_chat_input-file_chip_unknown[webkit-unknown].png
diff --git a/...ts__/linux/st_chat_input_test/st_chat_input-file_chip_video[chromium-video].png b/...ts__/linux/st_chat_input_test/st_chat_input-file_chip_video[chromium-video].png
diff --git a/...ots__/linux/st_chat_input_test/st_chat_input-file_chip_video[firefox-video].png b/...ots__/linux/st_chat_input_test/st_chat_input-file_chip_video[firefox-video].png
diff --git a/...hots__/linux/st_chat_input_test/st_chat_input-file_chip_video[webkit-video].png b/...hots__/linux/st_chat_input_test/st_chat_input-file_chip_video[webkit-video].png
diff --git a/...x/st_chat_input_test/st_chat_input-file_uploaded_error[dark_theme-chromium].png b/...x/st_chat_input_test/st_chat_input-file_uploaded_error[dark_theme-chromium].png
diff --git a/...ux/st_chat_input_test/st_chat_input-file_uploaded_error[dark_theme-firefox].png b/...ux/st_chat_input_test/st_chat_input-file_uploaded_error[dark_theme-firefox].png
diff --git a/...nux/st_chat_input_test/st_chat_input-file_uploaded_error[dark_theme-webkit].png b/...nux/st_chat_input_test/st_chat_input-file_uploaded_error[dark_theme-webkit].png
diff --git a/.../st_chat_input_test/st_chat_input-file_uploaded_error[light_theme-chromium].png b/.../st_chat_input_test/st_chat_input-file_uploaded_error[light_theme-chromium].png
diff --git a/...x/st_chat_input_test/st_chat_input-file_uploaded_error[light_theme-firefox].png b/...x/st_chat_input_test/st_chat_input-file_uploaded_error[light_theme-firefox].png
diff --git a/...ux/st_chat_input_test/st_chat_input-file_uploaded_error[light_theme-webkit].png b/...ux/st_chat_input_test/st_chat_input-file_uploaded_error[light_theme-webkit].png
diff --git a/...__/linux/st_chat_input_test/st_chat_input-multiple_files_uploaded[chromium].png b/...__/linux/st_chat_input_test/st_chat_input-multiple_files_uploaded[chromium].png
diff --git a/...s__/linux/st_chat_input_test/st_chat_input-multiple_files_uploaded[firefox].png b/...s__/linux/st_chat_input_test/st_chat_input-multiple_files_uploaded[firefox].png
diff --git a/...ts__/linux/st_chat_input_test/st_chat_input-multiple_files_uploaded[webkit].png b/...ts__/linux/st_chat_input_test/st_chat_input-multiple_files_uploaded[webkit].png
diff --git a/.../st_chat_input_test/st_chat_input-single_file_uploaded[dark_theme-chromium].png b/.../st_chat_input_test/st_chat_input-single_file_uploaded[dark_theme-chromium].png
diff --git a/...x/st_chat_input_test/st_chat_input-single_file_uploaded[dark_theme-firefox].png b/...x/st_chat_input_test/st_chat_input-single_file_uploaded[dark_theme-firefox].png
diff --git a/...ux/st_chat_input_test/st_chat_input-single_file_uploaded[dark_theme-webkit].png b/...ux/st_chat_input_test/st_chat_input-single_file_uploaded[dark_theme-webkit].png
diff --git a/...st_chat_input_test/st_chat_input-single_file_uploaded[light_theme-chromium].png b/...st_chat_input_test/st_chat_input-single_file_uploaded[light_theme-chromium].png
diff --git a/.../st_chat_input_test/st_chat_input-single_file_uploaded[light_theme-firefox].png b/.../st_chat_input_test/st_chat_input-single_file_uploaded[light_theme-firefox].png
diff --git a/...x/st_chat_input_test/st_chat_input-single_file_uploaded[light_theme-webkit].png b/...x/st_chat_input_test/st_chat_input-single_file_uploaded[light_theme-webkit].png
diff --git a/frontend/lib/src/components/widgets/ChatInput/fileUpload/ChatUploadedFile.tsx b/frontend/lib/src/components/widgets/ChatInput/fileUpload/ChatUploadedFile.tsx
@@ -165,7 +165,10 @@ const ChatUploadedFile = ({
           {getSizeDisplay(fileInfo.size, FileSize.Byte)}
         </StyledChatUploadedFileSize>
       </StyledChatUploadedFileInfo>
-      <StyledChatUploadedFileDeleteButton data-testid="stChatInputDeleteBtn">
+      <StyledChatUploadedFileDeleteButton
+        data-testid="stChatInputDeleteBtn"
+        isError={isError}
+      >
         <BaseButton
           onClick={handleDeleteClick}
           kind={BaseButtonKind.MINIMAL}

diff --git a/frontend/lib/src/components/widgets/ChatInput/fileUpload/styled-components.ts b/frontend/lib/src/components/widgets/ChatInput/fileUpload/styled-components.ts
@@ -147,40 +147,45 @@ export const StyledChatUploadedFileSize = styled.div(({ theme }) => ({
   fontSize: theme.fontSizes.sm,
 }))
 
-export const StyledChatUploadedFileDeleteButton = styled.small(
-  ({ theme }) => ({
-    position: "absolute",
-    top: theme.spacing.twoXS,
-    right: theme.spacing.twoXS,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    lineHeight: 0,
-    // Circular background for the X button
-    "& button": {
+export interface StyledChatUploadedFileDeleteButtonProps {
+  isError?: boolean
+}
+
+export const StyledChatUploadedFileDeleteButton =
+  styled.small<StyledChatUploadedFileDeleteButtonProps>(
+    ({ theme, isError }) => ({
+      position: "absolute",
+      top: theme.spacing.twoXS,
+      right: theme.spacing.twoXS,
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      width: "fit-content",
-      height: "fit-content",
-      minHeight: "unset",
-      minWidth: "unset",
-      maxHeight: "unset",
-      maxWidth: "unset",
-      borderRadius: "50%",
-      backgroundColor: "transparent",
-      color: theme.colors.fadedText20,
-      padding: 0,
-      overflow: "hidden",
-      boxSizing: "border-box",
       lineHeight: 0,
-      "&:hover": {
+      // Circular background for the X button
+      "& button": {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "fit-content",
+        height: "fit-content",
+        minHeight: "unset",
+        minWidth: "unset",
+        maxHeight: "unset",
+        maxWidth: "unset",
+        borderRadius: "50%",
         backgroundColor: "transparent",
-        color: theme.colors.fadedText40,
+        color: isError ? theme.colors.redTextColor : theme.colors.fadedText60,
+        padding: 0,
+        overflow: "hidden",
+        boxSizing: "border-box",
+        lineHeight: 0,
+        "&:hover": {
+          backgroundColor: "transparent",
+          color: isError ? theme.colors.redColor : theme.colors.bodyText,
+        },
       },
-    },
-  })
-)
+    })
+  )
 
 /* eslint-disable streamlit-custom/no-hardcoded-theme-values */
 // Visually hidden but accessible to screen readers