Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/react

SDK Version

8.41.0

Framework Version

react 18.3.1

Link to Sentry event

https://autokitteh.sentry.io/issues/6096100742/events/18df1b59a4344de7af5ce2fbdaeb7403/?project=4507571819249664&referrer=feedback.details

Reproduction Example/SDK Setup

Sentry.init({
	dsn: "___MY_DSN___",
	integrations: [
		Sentry.reactRouterV6BrowserTracingIntegration({
			useEffect,
			useLocation,
			useNavigationType,
			createRoutesFromChildren,
			matchRoutes,
		}),
		Sentry.feedbackIntegration({
			colorScheme: "system",
		}),
	],
	tracesSampleRate: 1.0,
	tracePropagationTargets: ["localhost"],
});

Steps to Reproduce

1. Click Report a Bug widget
2. In the form opened, click Add a screenshot or fill in the details and then click Add a screenshot

Expected Result

The form with a screenshot attached should have the screenshot visible, and we should be able to remove/change it.
After we attach a screenshot, the form should stay on the left, where it is displayed when we click on the widget, but when we attach a screenshot, it jumps to the right.

Actual Result

In the beginning on the left:

Permission dialog:

After we click on the "Add a screenshot" button, it jumps to the right, and the form view breaks: