div.table-body-div {
  width: calc(100% - 20px); /* Adjust the width as needed, considering any margins or paddings */
  margin: 0 auto; /* Center the div horizontally */
  display: flex; /* Use flexbox */
  justify-content: center; /* Center the contents horizontally */
}

.variant-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 250px; /* Set your preferred width */
  display: inline-block;
}

.variant-title:hover {
  white-space: normal; /* Allows the text to wrap on hover */
  width: auto;
  overflow: visible;
}