I have a form with multiple collections to which I added CSS to have clear borders around each collection so that the PDF is easier to read. The problem I am running into is that the pdf will show "Choice 1" instead of the selected value for the "Unit" field in the "Extra Units" collection when an appended choice is selected. The "Unit" field has a look-up rule associated with it and "Append choices to lookup results" is selected. Here is an example of what happens in the pdf:

Here is the CSS code I am using:

.borders{.fl-collection
{
  border-left-style: solid;
  border-right-style: solid;
  border-top-style: solid;
  border-bottom-style: solid;
  border-color: #99a6b2;
  border-width: 2.3px;
  border-radius: 15px;
}
  .collection-set{
    border-bottom-style: solid;
    border-color: #99a6b2;
    border-width: 1px;
    border-radius: 15px;
  }
  .section-title {
    border-radius: 15px;
  }
}

For this case, I was able to bypass having to append choices to the "Unit" field by updating the view used in the look-up rule to include all the necessary choices. However, I'm concerned that I will not always be able to do this. Is it possible that the code I am using is causing the problem and has anyone else run into this problem?

I am using the latest Laserfiche self-hosted Forms 11 version in the modern designer for the form having the problem.