Zalomenie v tabuľke

<div class="wrap_agent_info">
  <table>
   <tr>
    <td><button class="agent_button">Talčidlo 1</button></td>
    <td><button class="agent_button">Talčidlo 2</button></td>
    <td><button class="agent_button">Talčidlo 3</button></td>
    <td><button class="agent_button">Talčidlo 4</button></td>
    <td><button class="agent_button">Talčidlo 5</button></td>
    <td><button class="agent_button">Talčidlo 6</button></td>
    <td><button class="agent_button">Talčidlo 7</button></td>
    <td><button class="agent_button">Talčidlo 8</button></td>
    <td><button class="agent_button">Talčidlo 9</button></td>
    <td><button class="agent_button">Talčidlo 10</button></td>
    <td><button class="agent_button">Talčidlo 11</button></td>
    <td><button class="agent_button">Talčidlo 12</button></td>
   </tr>
  </table>
 </div>

<table>
<tr>
<td><button class="agent_button"><?php echo $name; ?></button></td>
</tr>
</table>

.wrap_agent_info {
    width: 72%;
    height: 400px;
    margin-top: 1%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #fff;
}
.agent_button {
    width: 180px;
    height: 42px;
    border: 0;
    background:rgb(255, 108, 0);
    font-size: 1.2em;
    font-weight: bold;
    font-family: Arial, Halvetica, sans-serif;
    font-style: normal;
    color:rgb(232, 232, 232);
    cursor: pointer;
}
.agent_button:hover {
    background:rgb(230, 90, 2);
}