Permanent UI fade effect

The goal is to make a constant fade effect that looks like this:

Everything except the square room in the middle should always be inside the fade, faded out. My solution for now - putting an image with a transparent square in the middle as a part of the UI. This is what it looks like in the widget blueprint editor:

Is there a way to do that properly?

Simplest solutions are the best. Is it not working properly?

If you needed the effect to be dynamic, you could use a material instead but if this looks as desired, it is already done properly.