Widening the Blog Tag Filter in Debut Theme 17.13.0

Store Design
1

For the life of me, I cannot figure out how to get this blog tag filter to widen using CSS. When I open the menu it looks fine.

Screen Shot 2021-08-23 at 2.46.35 PM.png
Screen Shot 2021-08-23 at 2.46.35 PM.png731×446 48 KB

The filter is not showing the entire tag so this should say “Book 11”.

Screen Shot 2021-08-23 at 2.48.14 PM.png
Screen Shot 2021-08-23 at 2.48.14 PM.png273×181 3.13 KB

Thank you for your time and help.

2

I figured the answer to this and here are the settings I used for slightly longer blog tags. Thanks.

select,
.disclosure__toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right center;
  background-image: var(--svg-select-icon);
  background-repeat: no-repeat;
  background-position: right 10px center;
  line-height: 1.2;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;
  padding-top: 8px;
  padding-left: 1px;
  padding-bottom: 8px; }
  @media only screen and (min-width: 1250px) {
    
    select,
    .disclosure__toggle {
      padding-top: 10px;
      padding-left: 2px;
      padding-bottom: 10px; } }

.select-group {
  position: relative;
  z-index: 2; }
  .select-group select, .select-group .disclosure__toggle {
    background-image: none;
    background-color: transparent; }
  .select-group .icon {
    height: calc(8em / 16);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: calc(8em / 16);
    z-index: -1; }