JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="middle">
        <div class="inner">
        </div>
    </div>
</div>

CSS

.outer {    
    overflow-y: visible;
    height: 60px;
    width: 60px;
}

.middle{
    overflow-x: hidden;
}
.inner {
    width:80px;
    height:80px;
    background: black;
}