table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 1px; border: 1px solid #ddd; } td, button { position: relative; top: -4px; padding: 0; } th { background-color: #a9a9a9; position: sticky; top: 0; z-index: 1; } tr:hover { background-color: #f5f5f5; } input[type=checkbox] { margin: 5px; width: 18px; height: 18px; } #buttonEle { margin-top: 20px; margin-right: 50px; display: flex; flex-direction: row; align-items: center; width: 20%; height: 40px; justify-content: center; font-size: 18px; } #executeMes { height: 140px; width: 72%; font-size: 10px; overflow-y: auto; } .prAddress { display: flex; justify-content: flex-start; align-items: center; } .hidden { display: none; } #prInput { width: 60%; height: 20px; font-size: 13px; margin-left: 10px; } .execute { width: 100%; display: flex; justify-content: space-between; align-items: center; }