diff --git a/app/Views/_assets/modules/MultiSelect.ts b/app/Views/_assets/modules/MultiSelect.ts
index 87ef62be34e1bb2183a5b3c57631a31d66e69483..9268b76f6822e53c5a9886902a4f05f3affaa940 100644
--- a/app/Views/_assets/modules/MultiSelect.ts
+++ b/app/Views/_assets/modules/MultiSelect.ts
@@ -23,6 +23,7 @@ const MultiSelect = (): void => {
         inputCloned: "multiselect__input--cloned",
         list: "multiselect__list",
         listItems: "multiselect__list--multiple",
+        listSingle: "multiselect__list--single",
         listDropdown: "multiselect__list--dropdown",
         item: "multiselect__item",
         itemSelectable: "multiselect__item--selectable",
@@ -32,6 +33,16 @@ const MultiSelect = (): void => {
         group: "multiselect__group",
         groupHeading: "multiselect__heading",
         button: "multiselect__button",
+        activeState: "is-active",
+        focusState: "is-focused",
+        openState: "is-open",
+        disabledState: "is-disabled",
+        highlightedState: "is-highlighted",
+        selectedState: "is-selected",
+        flippedState: "is-flipped",
+        loadingState: "is-loading",
+        noResults: "has-no-results",
+        noChoices: "has-no-choices",
       },
     });
   }
diff --git a/app/Views/_assets/styles/multiSelect.css b/app/Views/_assets/styles/multiSelect.css
index 05fcdc742b4d816a82616aa0c01c4462a0ebc928..22dde765f1c2e68bb6990921e54dfc9122a5c4e0 100644
--- a/app/Views/_assets/styles/multiSelect.css
+++ b/app/Views/_assets/styles/multiSelect.css
@@ -1,7 +1,8 @@
-@layer components {
-  /*===============================
+/*===============================
 =          MultiSelect          =
 ===============================*/
+
+@layer components {
   .multiselect {
     @apply relative;
 
@@ -177,6 +178,6 @@
   .multiselect__placeholder {
     @apply opacity-50;
   }
-
-  /*=====  End of Choices  ======*/
 }
+
+/*=====  End of Multiselect  ======*/