body {
  div.suggest-box {
    width: max-content
    background-color: #fff
    border: 1px gainsboro solid

    padding: .2rem .5rem
    margin-top: .35rem

    ul {
      list-style-type: none
      padding: 0

      li {
        display: flex
        align-items: center

        padding-right: .2rem
        margin-bottom: .2rem

        img {
          height: 36px
          width: 36px
          padding: .2rem
          /* TODO make smaller emoji thumbnails */
        }
        strong {
          flex-grow: 1
          margin-left: .5rem
          font-weight: 300
        }
        small {
          font-family: monospace
          margin-left: .5rem
          padding-right: .2rem
          font-size: 1rem
        }
      }

      li.selected {
        color: #fff
        background: #0caaf9

        img {}
        strong {}
        small {}
      }
    }
  }   
}