const newStyles = {
  diffContainer: {
    height: "auto",
    maxHeight: "none",
    overflowY: "auto",
  },
  line: {
    padding: "0 !important",
    margin: "0 !important",
    fontSize: "8px !important",
    lineHeight: "8px !important", // Explicit line height
    height: "8px !important",     // Force height per row
  },
  contentText: {
    fontSize: "8px !important",
    lineHeight: "8px !important",
    padding: "0 !important",
    margin: "0 !important",
  },
  gutter: {
    fontSize: "8px !important",
    padding: "0 !important",
    margin: "0 !important",
  },
};

.react-diff-viewer tr {
  line-height: 8px !important;  /* Explicit line height matching font size */
  padding: 0 !important;        /* Remove all internal padding */
}

.react-diff-viewer td {
  padding: 0 !important;        /* Ensure no padding inside table data */
  height: 8px !important;       /* Match height to font size */
  margin: 0 !important;         /* Remove extra margin */
}