Data Assist Page | reposision deleteMessage

By default, in result page, the popup message in deleteMessage div appear to be center of browser, but after I applied the page to template in editable region the position of deleteMessage changed to right side from center of browser. How do I re position this message to center? Thanks in advance!

the css that controls the delete message is on the results page:

.messageWrapper {
#position: absolute;
#top: 50%;
display: table-cell;
vertical-align: middle;
}
.messageContent {
background-color:white;
display: inline-block;
padding: 16px;
border: 16px solid grey;
z-index:1002;
overflow: auto;
margin: auto;"
#position: relative;
#top: -50%;
}

I cant say for certain what needs to be edited without seeing the problem, perhaps you could provide a link in a private message?

Thanks JB, but the code is right. What I need is to reposition the message to center of screen unlike as in my screenshot above. I have external css for template or so. Not sure if css for control delete message is over ruled by other css....

i cannot troubleshoot a design issue by looking at the code.

i would need to see the page in the browser. please send a link.

Noted.