Ich bin auch nicht begeistert, es ist funktional, aber es sieht ein bisschen wie ein « großer Block » in der Mitte des Bildschirms aus, es passt nicht wirklich zum bestehenden Design.
Falls du keine Ideen hast, ich mache das normalerweise so: Ich schaue mir an, wie andere Produkte das machen: Öffne ein paar Produkte, die du verwendest und die ein ähnliches Tag-System haben, und schau dir an, wie sie das machen. Es bringt nichts, das Rad neu zu erfinden, wenn Designer großer Unternehmen bereits stundenlang an dem Thema gearbeitet haben 
Zum Beispiel hat GitHub ihre « Issue »-Seite in zwei Teile aufgeteilt:
Mit der Bearbeitung rechts (Tags usw.)
Wenn man zu Zapier geht (die das Gleiche wie wir machen: Szenen), haben sie das gleiche Verhalten wie GitHub, eine Leiste rechts:
Wenn man auf « Settings » klickt, sieht es so aus:
Ich sage nicht, dass das die Lösung ist, aber meiner Meinung nach ist es einen Versuch wert! Es würde ermöglichen, deine « react-select »-Komponente in eine seitliche Leiste zu setzen, die « begrenzt » ist und nicht 100% der Breite einnimmt.
Ich habe viele Projekte für Szenen im Kopf: den Ausführungsverlauf der Szenen anzeigen, mit dem, was bei jeder Ausführung passiert ist, und das könnte in dieser Seitenleiste Platz finden 
Was denkst du darüber?
Eines nach dem anderen, bleiben wir hier fokussiert.