Docked at corner

<div class="container">
<!-- Docked at the top right corner -->
<div class="container__docker">
...
</div>
...
</div>
.container {
position: relative;
}
.container__docker {
position: absolute;
right: 0;
top: 0;
transform: translate(50%, -50%);
/* Center the content */
align-items: center;
display: flex;
justify-content: center;
}

Use cases

Inbox
5
Modal
×

See also

Presence indicator