display.css

body {
    overflow: hidden;
  }
  
  .gpt_message td  {
      margin-left: 30px;
      margin-bottom: 20px;
      margin-top: 20px;
      position: relative;
      display: inline-block;
      padding: 20px;
      background-color: #ff462b;
      border-radius: 20px;
      max-width: 80%;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      font-size: large;
  }
  
  .user_message td  {
      margin-right: 30px;
      margin-bottom: 20px;
      margin-top: 20px;
      position: relative;
      display: inline-block;
      padding: 20px;
      background-color: #140a1e;
      border-radius: 20px;
      max-width: 80%;
      float: right;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      font-size: large;
    }
  
    :root {
      --element-padding: 1.5rem;
    }
    
    #root > .MuiBox-root {
      min-height: 100%;
    }
    main {
      flex: 0 0 100%;
    }