.sk-field.inline,
.sk-field.inline>label,
.sk-field.inline>label>.input-icon,
.sk-field.inline>label>.input-icon>input {
  display: inline;
}

.sk-field.inline>label>.input-icon>input {
  width: unset;
}

.sk-field>label>.input-icon>input[type="color"] {
  padding: 2px;
  width: 48px;
}

.sk-field input[type="color"] {
  height: 2.5rem;
  /* 1.5 for input 1 for padding */
  min-width: 3.5rem;
}

/* avoid double scrollbar due to bad positioning of original select */
.ts-hidden-accessible {
  height: 0;
}