:host {
  display: block;
  transition: var(--material-curve-320);
  transform: translate(0, 60px);
  opacity: 0;
}

:host(.active) {
  transform: translate(0, 0);
  opacity: 1;
}

#tickets {
  min-height: calc(100vh - 348px);
  width: 100%;
}

hr {
  border: 0;
  background: #606060;
  width: 100%;
  height: 1px;
  margin: 0;
  transition: width 400ms 320ms;
  transition-timing-function: var(--material-curve-320);
}

lancie-ticket-list {
  margin: 6px 0;
}

ul {
  list-style-type: circle;
}

paper-button {
  width: 100%
}

paper-card {
  width: 100%;
  margin: 8px;

  --paper-card-header-color: #ffe574;
  --paper-card-header: {
    background-color: #1a2b43;
  };
}

:host {
  display: block;
  transition: var(--material-curve-320);
  transform: translate(0, 60px);
  opacity: 0;
}

:host(.active) {
  transform: translate(0, 0);
  opacity: 1;
}

#tickets {
  min-height: calc(100vh - 348px);
  width: 100%;
}

hr {
  border: 0;
  background: #606060;
  width: 100%;
  height: 1px;
  margin: 0;
  transition: width 400ms 320ms;
  transition-timing-function: var(--material-curve-320);
}

lancie-ticket-list {
  margin: 6px 0;
}

ul {
  list-style-type: circle;
}

paper-button {
  width: 100%
}

paper-card {
  width: 100%;
  margin: 8px;

  --paper-card-header-color: #ffe574;
  --paper-card-header: {
    background-color: #1a2b43;
  };
}

.ticket-container {
  margin-right: 10px;
}

Add margin to increase readibility
Add margin to increase readibility
