<Confirm> component not being positioned at page center

[iranmarcius]

I think Confirm component has a bug.

Steps

I have the following react application:

import 'semantic-ui-css/semantic.min.css';
import React, {Component} from 'react';
import {Confirm} from 'semantic-ui-react';

class App extends React.Component {

    render() {
        return (
            <Confirm open/>
        );
    }
}

export default App;

I expected the component to be rendered at the page center, but instead it's being rendered at the top left corner. Is this a bug?

I'm using semantic-ui-react 0.77.2 and semantic-ui-css 2.3.1

[welcome]

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

[layershifter]

Duplicate #2550.