How can I make the scroll button on the right side not in the middle of table?

table {
border-collapse: collapse;
box-sizing: border-box;
box-shadow: 0 0 10px #000;
text-align: left;
overflow: hidden;
width: 65%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: fixed;
border-radius: 10px;
}

table thead {
background-color: #000;
color: #fff;
}

table th,
table td {
padding: 16px 32px;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 15px;
font-weight: 700;
}

table tbody {
display:block;
height:100px;
overflow:auto;
float:right;
width:100%;
}

Image related to the Table: Image. The image shows that the scroll button is in the middle of the image but I want to make it on the right side, anyone can help me out?