diff --git a/hypha/apply/categories/blocks.py b/hypha/apply/categories/blocks.py
index 0b053b04f3..f4f041e9f5 100644
--- a/hypha/apply/categories/blocks.py
+++ b/hypha/apply/categories/blocks.py
@@ -1,7 +1,6 @@
 from django import forms
 from django.utils.functional import cached_property
 from django.utils.translation import gettext_lazy as _
-from django_select2.forms import Select2MultipleWidget
 from wagtail.blocks import BooleanBlock, CharBlock, ChoiceBlock, TextBlock
 from wagtail.coreutils import resolve_model_string
 
@@ -73,7 +72,9 @@ def get_widget(self, struct_value):
             if category_size < 32:
                 return forms.CheckboxSelectMultiple
             else:
-                return Select2MultipleWidget
+                from hypha.apply.funds.tables import MultiCheckboxesWidget
+
+                return MultiCheckboxesWidget
         else:
             return forms.RadioSelect
 
diff --git a/hypha/apply/dashboard/static/js/django_select2-checkboxes.js b/hypha/apply/dashboard/static/js/django_select2-checkboxes.js
deleted file mode 100644
index 376d189207..0000000000
--- a/hypha/apply/dashboard/static/js/django_select2-checkboxes.js
+++ /dev/null
@@ -1,34 +0,0 @@
-(function ($) {
-  $.fn.select2.amd.require(
-    ["select2/multi-checkboxes/selection", "select2/multi-checkboxes/results"],
-    function (SelectionAdapter, ResultsAdapter) {
-      $(function () {
-        $(".django-select2-checkboxes").each(function (i, element) {
-          var $element = $(element);
-          $element.select2({
-            placeholder: $element.data("placeholder"),
-            closeOnSelect: false,
-            templateSelection: function (data) {
-              let filterType = $element.data("placeholder");
-
-              if (!data.selected.length) {
-                return filterType;
-              } else if (data.selected.length == data.all.length) {
-                return "All " + filterType + " selected";
-              }
-              return (
-                data.selected.length +
-                " of " +
-                data.all.length +
-                " " +
-                filterType
-              );
-            },
-            selectionAdapter: SelectionAdapter,
-            returnesultsAdapter: ResultsAdapter,
-          });
-        });
-      });
-    }
-  );
-})(this.jQuery);
diff --git a/hypha/apply/dashboard/static/js/select2.multi-checkboxes.js b/hypha/apply/dashboard/static/js/select2.multi-checkboxes.js
deleted file mode 100644
index 6821ab8b30..0000000000
--- a/hypha/apply/dashboard/static/js/select2.multi-checkboxes.js
+++ /dev/null
@@ -1,124 +0,0 @@
-/**
- * jQuery Select2 Multi checkboxes
- * - allow to select multi values via normal dropdown control
- *
- * author      : wasikuss
- * repo        : https://github.com/wasikuss/select2-multi-checkboxes/tree/amd
- * inspired by : https://github.com/select2/select2/issues/411
- * License     : MIT
- */
-
-/* global define jQuery */
-(function (factory) {
-  if (typeof define === "function" && define.amd) {
-    define(["jquery"], factory);
-  } else {
-    // Browser globals
-    factory(jQuery);
-  }
-})(function (jQuery) {
-  if (jQuery && jQuery.fn && jQuery.fn.select2 && jQuery.fn.select2.amd) {
-    define = jQuery.fn.select2.amd.define;
-  }
-  var define;
-
-  /* global define */
-  define("select2/multi-checkboxes/dropdown", [
-    "select2/utils",
-    "select2/dropdown",
-    "select2/dropdown/search",
-    "select2/dropdown/attachBody",
-  ], function (Utils, Dropdown, DropdownSearch, AttachBody) {
-    return Utils.Decorate(Utils.Decorate(Dropdown, DropdownSearch), AttachBody);
-  });
-
-  /* global define */
-  define("select2/multi-checkboxes/results", [
-    "jquery",
-    "select2/utils",
-    "select2/results",
-  ], function ($, Utils, _Results) {
-    function Results() {
-      Results.__super__.constructor.apply(this, arguments);
-    }
-    Utils.Extend(Results, _Results);
-
-    Results.prototype.highlightFirstItem = function () {
-      this.ensureHighlightVisible();
-    };
-
-    Results.prototype.bind = function (container) {
-      container.on("open", function () {
-        var $options = this.$results.find(
-          ".select2-results__option[aria-selected]"
-        );
-        var $selected = $options.filter("[aria-selected=true]");
-        var $optionToScrollTo = (
-          $selected.length > 0 ? $selected : $selected
-        ).first();
-        $optionToScrollTo.trigger("mouseenter");
-      });
-      Results.__super__.bind.apply(this, arguments);
-    };
-
-    Results.prototype.template = function (result, container) {
-      var template = this.options.get("templateResult");
-      var escapeMarkup = this.options.get("escapeMarkup");
-
-      var content = template(result, container);
-      $(container).addClass("multi-checkboxes_wrap");
-
-      if (content == null) {
-        container.style.display = "none";
-      } else if (typeof content === "string") {
-        container.innerHTML = escapeMarkup(content);
-      } else {
-        $(container).append(content);
-      }
-    };
-
-    return Results;
-  });
-
-  /* global define */
-  define("select2/multi-checkboxes/selection", [
-    "select2/utils",
-    "select2/selection/multiple",
-    "select2/selection/placeholder",
-    "select2/selection/single",
-    "select2/selection/eventRelay",
-  ], function (
-    Utils,
-    MultipleSelection,
-    Placeholder,
-    SingleSelection,
-    EventRelay
-  ) {
-    var adapter = Utils.Decorate(MultipleSelection, Placeholder);
-    adapter = Utils.Decorate(adapter, EventRelay);
-
-    adapter.prototype.render = function () {
-      return SingleSelection.prototype.render.call(this);
-    };
-
-    adapter.prototype.update = function (data) {
-      var $rendered = this.$selection.find(".select2-selection__rendered");
-      var formatted = "";
-
-      if (data.length === 0) {
-        formatted = this.options.get("placeholder") || "";
-      } else {
-        var itemsData = {
-          selected: data || [],
-          all: this.$element.find("option") || [],
-        };
-        formatted = this.display(itemsData, $rendered);
-      }
-
-      $rendered.empty().append(formatted);
-      $rendered.prop("title", formatted);
-    };
-
-    return adapter;
-  });
-});
diff --git a/hypha/apply/funds/forms.py b/hypha/apply/funds/forms.py
index cdfc781206..3e3bf483cd 100644
--- a/hypha/apply/funds/forms.py
+++ b/hypha/apply/funds/forms.py
@@ -21,7 +21,7 @@
 )
 from .permissions import can_change_external_reviewers
 from .utils import model_form_initial, render_icon
-from .widgets import MetaTermSelect2Widget, Select2MultiCheckboxesWidget
+from .widgets import MetaTermWidget, MultiCheckboxesWidget
 
 
 class ApplicationSubmissionModelForm(forms.ModelForm):
@@ -234,7 +234,7 @@ class BatchUpdateReviewersForm(forms.Form):
     )
     external_reviewers = forms.ModelMultipleChoiceField(
         queryset=User.objects.reviewers().only("pk", "full_name"),
-        widget=Select2MultiCheckboxesWidget(attrs={"data-placeholder": "Select..."}),
+        widget=MultiCheckboxesWidget(attrs={"data-placeholder": "Select..."}),
         label=_("External Reviewers"),
         required=False,
     )
@@ -398,7 +398,9 @@ def label_from_instance(self, obj):
 class UpdateMetaTermsForm(ApplicationSubmissionModelForm):
     meta_terms = GroupedModelMultipleChoiceField(
         queryset=None,  # updated in init method
-        widget=MetaTermSelect2Widget(attrs={"data-placeholder": "Select..."}),
+        widget=MetaTermWidget(
+            attrs={"data-placeholder": "Select...", "data-js-choices": ""}
+        ),
         label=_("Meta terms"),
         choices_groupby="get_parent",
         required=False,
diff --git a/hypha/apply/funds/tables.py b/hypha/apply/funds/tables.py
index 8e14f452d8..21da0286ba 100644
--- a/hypha/apply/funds/tables.py
+++ b/hypha/apply/funds/tables.py
@@ -22,7 +22,7 @@
 from hypha.images.models import CustomImage
 
 from .models import ApplicationSubmission, Round, ScreeningStatus
-from .widgets import Select2MultiCheckboxesWidget
+from .widgets import MultiCheckboxesWidget
 from .workflows import STATUSES, get_review_active_statuses
 
 User = get_user_model()
@@ -290,28 +290,26 @@ def get_meta_terms_from_dataset(dataset):
     ).distinct()
 
 
-class Select2CheckboxWidgetMixin(filters.Filter):
+class MultiCheckboxesMixin(filters.Filter):
     def __init__(self, *args, **kwargs):
         label = kwargs.get("label")
         kwargs.setdefault(
-            "widget", Select2MultiCheckboxesWidget(attrs={"data-placeholder": label})
+            "widget", MultiCheckboxesWidget(attrs={"data-placeholder": label})
         )
         super().__init__(*args, **kwargs)
 
 
-class Select2MultipleChoiceFilter(
-    Select2CheckboxWidgetMixin, filters.MultipleChoiceFilter
-):
+class MultipleChoiceFilter(MultiCheckboxesMixin, filters.MultipleChoiceFilter):
     pass
 
 
-class Select2ModelMultipleChoiceFilter(
-    Select2MultipleChoiceFilter, filters.ModelMultipleChoiceFilter
+class ModelMultipleChoiceFilter(
+    MultipleChoiceFilter, filters.ModelMultipleChoiceFilter
 ):
     pass
 
 
-class StatusMultipleChoiceFilter(Select2MultipleChoiceFilter):
+class StatusMultipleChoiceFilter(MultipleChoiceFilter):
     def __init__(self, limit_to, *args, **kwargs):
         choices = [
             (slugify(name), name)
@@ -337,25 +335,21 @@ def get_filter_predicate(self, v):
 
 
 class SubmissionFilter(filters.FilterSet):
-    fund = Select2ModelMultipleChoiceFilter(
+    fund = ModelMultipleChoiceFilter(
         field_name="page", queryset=get_used_funds, label=_("Funds")
     )
-    round = Select2ModelMultipleChoiceFilter(
-        queryset=get_used_rounds, label=_("Rounds")
-    )
-    lead = Select2ModelMultipleChoiceFilter(queryset=get_round_leads, label=_("Leads"))
-    screening_statuses = Select2ModelMultipleChoiceFilter(
+    round = ModelMultipleChoiceFilter(queryset=get_used_rounds, label=_("Rounds"))
+    lead = ModelMultipleChoiceFilter(queryset=get_round_leads, label=_("Leads"))
+    screening_statuses = ModelMultipleChoiceFilter(
         queryset=get_screening_statuses, label=_("Screening"), null_label=_("No Status")
     )
-    reviewers = Select2ModelMultipleChoiceFilter(
+    reviewers = ModelMultipleChoiceFilter(
         queryset=get_all_reviewers, label=_("Reviewers")
     )
-    category_options = Select2MultipleChoiceFilter(
+    category_options = MultipleChoiceFilter(
         choices=[], label=_("Category"), method="filter_category_options"
     )
-    meta_terms = Select2ModelMultipleChoiceFilter(
-        queryset=get_meta_terms, label=_("Terms")
-    )
+    meta_terms = ModelMultipleChoiceFilter(queryset=get_meta_terms, label=_("Terms"))
 
     class Meta:
         model = ApplicationSubmission
@@ -455,10 +449,8 @@ def filter_archived(self, queryset, name, value):
 
 
 class SubmissionDashboardFilter(filters.FilterSet):
-    round = Select2ModelMultipleChoiceFilter(
-        queryset=get_used_rounds, label=_("Rounds")
-    )
-    fund = Select2ModelMultipleChoiceFilter(
+    round = ModelMultipleChoiceFilter(queryset=get_used_rounds, label=_("Rounds"))
+    fund = ModelMultipleChoiceFilter(
         field_name="page", queryset=get_used_funds, label=_("Funds")
     )
 
@@ -528,7 +520,7 @@ def get_column_class_names(self, classes_set, bound_column):
         return classes_set
 
 
-class ActiveRoundFilter(Select2MultipleChoiceFilter):
+class ActiveRoundFilter(MultipleChoiceFilter):
     def __init__(self, *args, **kwargs):
         super().__init__(
             self,
@@ -548,7 +540,7 @@ def filter(self, qs, value):
             return qs.inactive()
 
 
-class OpenRoundFilter(Select2MultipleChoiceFilter):
+class OpenRoundFilter(MultipleChoiceFilter):
     def __init__(self, *args, **kwargs):
         super().__init__(
             self,
@@ -571,8 +563,8 @@ def filter(self, qs, value):
 
 
 class RoundsFilter(filters.FilterSet):
-    fund = Select2ModelMultipleChoiceFilter(queryset=get_used_funds, label=_("Funds"))
-    lead = Select2ModelMultipleChoiceFilter(queryset=get_round_leads, label=_("Leads"))
+    fund = ModelMultipleChoiceFilter(queryset=get_used_funds, label=_("Funds"))
+    lead = ModelMultipleChoiceFilter(queryset=get_round_leads, label=_("Leads"))
     active = ActiveRoundFilter(label=_("Active"))
     round_state = OpenRoundFilter(label=_("Open"))
 
@@ -601,17 +593,17 @@ class ReviewerLeaderboardFilter(filters.FilterSet):
         field_name="full_name", lookup_expr="icontains", widget=forms.HiddenInput
     )
 
-    reviewer = Select2ModelMultipleChoiceFilter(
+    reviewer = ModelMultipleChoiceFilter(
         field_name="pk",
         label=_("Reviewers"),
         queryset=get_all_reviewers,
     )
-    funds = Select2ModelMultipleChoiceFilter(
+    funds = ModelMultipleChoiceFilter(
         field_name="applicationsubmission__page",
         label=_("Funds"),
         queryset=get_used_funds,
     )
-    rounds = Select2ModelMultipleChoiceFilter(
+    rounds = ModelMultipleChoiceFilter(
         field_name="applicationsubmission__round",
         label=_("Rounds"),
         queryset=get_used_rounds,
diff --git a/hypha/apply/funds/templates/funds/includes/table_filter_and_search.html b/hypha/apply/funds/templates/funds/includes/table_filter_and_search.html
index a7e5ebfd25..73d50ee68a 100644
--- a/hypha/apply/funds/templates/funds/includes/table_filter_and_search.html
+++ b/hypha/apply/funds/templates/funds/includes/table_filter_and_search.html
@@ -97,7 +97,7 @@ <h2 class="mb-2 text-xl">{{ heading }}</h2>
     </div>
 
     <form action="{{ filter_action }}" method="get" class="form form--filters js-filter-form">
-        <ul class="form__filters select2">
+        <ul class="form__filters">
             {{ filter.form.as_ul }}
             <li>
                 <button class="button button--primary" type="submit" value="Filter">{% trans "Filter" %}</button>
diff --git a/hypha/apply/funds/templates/funds/includes/update_meta_terms_form.html b/hypha/apply/funds/templates/funds/includes/update_meta_terms_form.html
index 4cd0446730..d3cb742926 100644
--- a/hypha/apply/funds/templates/funds/includes/update_meta_terms_form.html
+++ b/hypha/apply/funds/templates/funds/includes/update_meta_terms_form.html
@@ -3,18 +3,3 @@
 <div class="p-6">
     {% include 'funds/includes/dialog_form_base.html' with form=form value=value %}
 </div>
-
-<script type="module">
-    {% comment %} Do this here as the select elements for different roles are dynamically generated. {% endcomment %}
-    import Choices from "{% static 'js/esm/choices.js-10-2-0.js' %}";
-
-    const selectElements = document.querySelectorAll('#metaterms_form select');
-
-    // add choices to all select elements
-    selectElements.forEach((selectElement) => {
-        new Choices(selectElement, {
-            removeItemButton: true,
-            allowHTML: true,
-        });
-    });
-</script>
diff --git a/hypha/apply/funds/widgets.py b/hypha/apply/funds/widgets.py
index 6e0b1a916c..db96dd4171 100644
--- a/hypha/apply/funds/widgets.py
+++ b/hypha/apply/funds/widgets.py
@@ -1,29 +1,21 @@
-from django.templatetags.static import static
-from django_select2.forms import Select2MultipleWidget
+from django import forms
 
 
-class Select2MultiCheckboxesWidget(Select2MultipleWidget):
-    class Media:
-        js = (
-            static("js/select2.multi-checkboxes.js"),
-            static("js/django_select2-checkboxes.js"),
-        )
+class MultiCheckboxesWidget(forms.SelectMultiple):
+    """
+    Custom widget for Choices.js. Adds the required attributes.
+    """
 
     def __init__(self, *args, **kwargs):
         attrs = kwargs.get("attrs", {})
-        attrs.setdefault("data-placeholder", "items")
+        # Add the date attribute for Choices.js initialization
+        attrs.setdefault("data-js-choices", "")
+        attrs.setdefault("data-placeholder", "")
         kwargs["attrs"] = attrs
         super().__init__(*args, **kwargs)
 
-    def build_attrs(self, *args, **kwargs):
-        attrs = super().build_attrs(*args, **kwargs)
-        attrs["class"] = attrs["class"].replace(
-            "django-select2", "django-select2-checkboxes"
-        )
-        return attrs
-
 
-class MetaTermSelect2Widget(Select2MultipleWidget):
+class MetaTermWidget(forms.SelectMultiple):
     def create_option(
         self, name, value, label, selected, index, subindex=None, attrs=None
     ):
diff --git a/hypha/apply/projects/filters.py b/hypha/apply/projects/filters.py
index 2014b3d143..fde96897d5 100644
--- a/hypha/apply/projects/filters.py
+++ b/hypha/apply/projects/filters.py
@@ -3,11 +3,10 @@
 from django.contrib.auth import get_user_model
 from django.db.models import Q
 from django.utils.translation import gettext_lazy as _
-from django_select2.forms import Select2Widget
 
 from hypha.apply.funds.tables import (
-    Select2ModelMultipleChoiceFilter,
-    Select2MultipleChoiceFilter,
+    ModelMultipleChoiceFilter,
+    MultipleChoiceFilter,
     get_used_funds,
 )
 
@@ -28,15 +27,13 @@ def get_project_leads(request):
 
 
 class InvoiceListFilter(filters.FilterSet):
-    fund = Select2ModelMultipleChoiceFilter(
+    fund = ModelMultipleChoiceFilter(
         label=_("Funds"),
         queryset=get_used_funds,
         field_name="project__submission__page",
     )
-    status = Select2MultipleChoiceFilter(
-        label=_("Status"), choices=INVOICE_STATUS_CHOICES
-    )
-    lead = Select2ModelMultipleChoiceFilter(
+    status = MultipleChoiceFilter(label=_("Status"), choices=INVOICE_STATUS_CHOICES)
+    lead = ModelMultipleChoiceFilter(
         label=_("Lead"), queryset=get_project_leads, field_name="project__lead"
     )
 
@@ -51,27 +48,23 @@ class ProjectListFilter(filters.FilterSet):
         (1, "Behind schedule"),
     )
 
-    project_fund = Select2ModelMultipleChoiceFilter(
+    project_fund = ModelMultipleChoiceFilter(
         field_name="submission__page", label=_("Funds"), queryset=get_used_funds
     )
-    project_lead = Select2ModelMultipleChoiceFilter(
+    project_lead = ModelMultipleChoiceFilter(
         field_name="lead", label=_("Lead"), queryset=get_project_leads
     )
-    project_status = Select2MultipleChoiceFilter(
+    project_status = MultipleChoiceFilter(
         field_name="status", label=_("Status"), choices=PROJECT_STATUS_CHOICES
     )
     query = filters.CharFilter(
         field_name="title", lookup_expr="icontains", widget=forms.HiddenInput
     )
-    reporting = filters.ChoiceFilter(
+    reporting = MultipleChoiceFilter(
         choices=REPORTING_CHOICES,
         method="filter_reporting",
-        widget=Select2Widget(
-            attrs={
-                "data-placeholder": "Reporting",
-                "data-minimum-results-for-search": -1,
-            }
-        ),
+        field_name="reporting",
+        label="Reporting",
     )
 
     class Meta:
@@ -102,7 +95,7 @@ def decompress(self, value):
 
 
 class ReportingFilter(filters.FilterSet):
-    current_report_status = Select2MultipleChoiceFilter(
+    current_report_status = MultipleChoiceFilter(
         label=_("Status"),
         choices=[
             ("Not started", "Not started"),
diff --git a/hypha/settings/django.py b/hypha/settings/django.py
index 39e4484b51..f55211726e 100644
--- a/hypha/settings/django.py
+++ b/hypha/settings/django.py
@@ -48,7 +48,6 @@
     "tinymce",
     "django_tables2",
     "django_filters",
-    "django_select2",
     "hypha.addressfield",
     "django_nh3",
     "django_fsm",
diff --git a/hypha/static_src/javascript/submission-filters.js b/hypha/static_src/javascript/submission-filters.js
index e75deeb3e1..b469bc9a47 100644
--- a/hypha/static_src/javascript/submission-filters.js
+++ b/hypha/static_src/javascript/submission-filters.js
@@ -21,33 +21,6 @@
     $(".js-toggle-filters").text("Clear filters");
   }
 
-  // Add active class to filters - dropdowns are dynamically appended to the dom,
-  // so we have to listen for the event higher up
-  $("body").on("click", ".select2-dropdown", (e) => {
-    // get the id of the dropdown
-    let selectId = e.target.parentElement.parentElement.id;
-
-    // find the matching dropdown
-    let match = $(`.select2-selection[aria-owns="${selectId}"]`);
-
-    if (match.length !== 0) {
-      // if the dropdown contains a clear class, the filters are active
-      if ($(match[0]).find("span.select2-selection__clear").length !== 0) {
-        match[0].classList.add(filterActiveClass);
-      } else {
-        match[0].classList.remove(filterActiveClass);
-      }
-    }
-  });
-
-  // remove active class on clearing select2
-  $(".select2").on("select2:unselecting", (e) => {
-    const dropdown = e.target.nextElementSibling.firstChild.firstChild;
-    if (dropdown.classList.contains(filterActiveClass)) {
-      dropdown.classList.remove(filterActiveClass);
-    }
-  });
-
   // toggle filters
   $toggleButton.on("click", (e) => {
     // find the nearest filters
@@ -95,67 +68,11 @@
     }
   }
 
-  /**
-   * Corrects spacing of dropdowns when toggled on mobile.
-   * @param {object} element - element to adjust padding for
-   */
-  function mobileFilterPadding(element) {
-    const expanded = "expanded-filter-element";
-    const dropdown = $(element).closest(".select2");
-    const openDropdown = $(".select2 ." + expanded);
-    let dropdownMargin = 0;
-
-    if (
-      openDropdown.length > 0 &&
-      !openDropdown.hasClass("select2-container--open")
-    ) {
-      // reset the margin of the select we previously worked
-      openDropdown.removeClass(expanded);
-      // store the offset to adjust the new select box (elements above the old dropdown unaffected)
-      if (dropdown.position().top > openDropdown.position().top) {
-        dropdownMargin = parseInt(openDropdown.css("marginBottom"));
-      }
-      openDropdown.css("margin-bottom", "0px");
-    }
-
-    if (dropdown.hasClass("select2-container--open")) {
-      dropdown.addClass(expanded);
-      const dropdownID = $(element)
-        .closest(".select2-selection")
-        .attr("aria-owns");
-      // Element which has the height of the select dropdown
-      const match = $(`ul#${dropdownID}`);
-      const dropdownHeight = match.outerHeight(true);
-
-      // Element which has the position of the dropdown
-      const positionalMatch = match.closest(".select2-container");
-
-      // Pad the bottom of the select box
-      dropdown.css("margin-bottom", `${dropdownHeight}px`);
-
-      // bump up the dropdown options by height of closed elements
-      positionalMatch.css(
-        "top",
-        positionalMatch.position().top - dropdownMargin
-      );
-    }
-  }
-
   // clear all filters
   $clearButton.on("click", () => {
     const dropdowns = document.querySelectorAll(".form__filters select");
     dropdowns.forEach((dropdown) => {
       $(dropdown).val(null).trigger("change");
-      $(".select2-selection.is-active").removeClass(filterActiveClass);
-      mobileFilterPadding(dropdown);
-    });
-  });
-
-  $(function () {
-    // Add active class to select2 checkboxes after page has been filtered
-    const clearButtons = document.querySelectorAll(".select2-selection__clear");
-    clearButtons.forEach((clearButton) => {
-      clearButton.parentElement.parentElement.classList.add(filterActiveClass);
     });
   });
 
@@ -168,11 +85,6 @@
 
         // update filter button text
         $(".js-toggle-filters").text("Filters");
-
-        // Correct spacing of dropdowns when toggled
-        $(".select2").on("click", (e) => {
-          mobileFilterPadding(e.target);
-        });
       } else {
         $(".filters").addClass("filters-open");
       }
diff --git a/hypha/static_src/sass/abstracts/_variables.scss b/hypha/static_src/sass/abstracts/_variables.scss
index 66b899fba3..7ac3d7e601 100644
--- a/hypha/static_src/sass/abstracts/_variables.scss
+++ b/hypha/static_src/sass/abstracts/_variables.scss
@@ -103,6 +103,3 @@ $breakpoints: (
     "xl" "(min-width: 1280px)",
     "2xl" "(min-width: 1536px)"
 );
-
-// Filters
-$filter-dropdown: ".select2 .select2-selection.select2-selection--single";
diff --git a/hypha/static_src/sass/components/_filters.scss b/hypha/static_src/sass/components/_filters.scss
index 01c4792f0b..130e91e566 100644
--- a/hypha/static_src/sass/components/_filters.scss
+++ b/hypha/static_src/sass/components/_filters.scss
@@ -32,7 +32,7 @@
             inset-block-end: auto;
             height: auto;
             background: transparent;
-            max-height: 85px;
+            max-height: fit-content;
             pointer-events: all;
         }
     }
diff --git a/hypha/static_src/sass/components/_form.scss b/hypha/static_src/sass/components/_form.scss
index 3becca3b31..934c05cb52 100644
--- a/hypha/static_src/sass/components/_form.scss
+++ b/hypha/static_src/sass/components/_form.scss
@@ -157,21 +157,6 @@
     }
 
     &__filters {
-        #{variables.$filter-dropdown} {
-            border: 0;
-            border-block-start: 1px solid variables.$color--mid-grey;
-
-            &.is-active {
-                font-weight: variables.$weight--normal;
-                background-color: variables.$color--light-blue-90;
-                border-color: variables.$color--mid-grey;
-            }
-
-            @include mixins.media-query(lg) {
-                border: 1px solid variables.$color--mid-grey;
-            }
-        }
-
         @include mixins.media-query(lg) {
             display: flex;
             align-items: flex-start;
diff --git a/hypha/static_src/sass/components/_select2.scss b/hypha/static_src/sass/components/_select2.scss
deleted file mode 100644
index a5bcd9357f..0000000000
--- a/hypha/static_src/sass/components/_select2.scss
+++ /dev/null
@@ -1,99 +0,0 @@
-@use "../abstracts/mixins";
-@use "../abstracts/variables";
-
-// stylelint-disable selector-class-pattern
-
-.select2 {
-    &-container {
-        z-index: 99995; // to override any modals
-    }
-
-    .select2-container--default,
-    &.select2-container--default {
-        width: 100% !important;
-
-        .select2-selection--single {
-            height: variables.$dropdown-height;
-            border: 1px solid variables.$color--mid-grey;
-            border-radius: 0;
-
-            &.is-active {
-                font-weight: variables.$weight--bold;
-                border-color: variables.$color--primary;
-            }
-
-            .select2-selection__clear {
-                display: none;
-            }
-
-            .select2-selection__rendered {
-                padding-inline-start: 15px;
-                padding-inline-end: 30px;
-                line-height: variables.$dropdown-height;
-            }
-
-            .select2-selection__arrow {
-                inset-inline-end: 15px;
-                height: variables.$dropdown-height;
-                pointer-events: none;
-                background: url("./../images/dropdown.svg") transparent
-                    no-repeat 95% center;
-                background-size: 8px;
-                width: 8px;
-
-                b[role="presentation"] {
-                    display: none;
-                }
-            }
-
-            .select2-selection__placeholder {
-                color: variables.$color--default;
-            }
-        }
-    }
-}
-
-// stylelint-disable-next-line no-duplicate-selectors
-.select2-container {
-    &--default {
-        .select2-results__option--highlighted[aria-selected] {
-            color: variables.$color--default !important;
-            background-color: variables.$color--light-blue-90 !important;
-        }
-    }
-
-    .select2-dropdown {
-        border: 0;
-        border-block-end: 1px solid variables.$color--mid-grey;
-        border-radius: 0;
-
-        @include mixins.media-query(sm) {
-            border: 1px solid variables.$color--mid-grey;
-        }
-    }
-
-    .select2-results__option {
-        display: flex;
-        align-items: center;
-        padding: 6px;
-
-        &::before {
-            min-width: 20px;
-            height: 20px;
-            margin-inline-end: 10px;
-            background: variables.$color--white;
-            border: 1px solid variables.$color--mid-grey;
-            content: "";
-        }
-
-        &[aria-selected="true"] {
-            &::before {
-                background: url("./../images/tick.svg")
-                    variables.$color--dark-blue center no-repeat;
-                background-size: 12px;
-                border: 1px solid variables.$color--dark-blue;
-                content: "";
-            }
-        }
-    }
-}
diff --git a/hypha/static_src/sass/main.scss b/hypha/static_src/sass/main.scss
index 9b15709c84..893fc8f29b 100644
--- a/hypha/static_src/sass/main.scss
+++ b/hypha/static_src/sass/main.scss
@@ -33,7 +33,6 @@
 @use "components/reviews-summary";
 @use "components/reviews-sidebar";
 @use "components/round-block";
-@use "components/select2";
 @use "components/status-block";
 @use "components/submission-meta";
 @use "components/table";
diff --git a/hypha/static_src/tailwind/components/choices.css b/hypha/static_src/tailwind/components/choices.css
index 9810d96383..719aa79f4d 100644
--- a/hypha/static_src/tailwind/components/choices.css
+++ b/hypha/static_src/tailwind/components/choices.css
@@ -206,14 +206,9 @@
 }
 
 @media (min-width: 640px) {
-    .choices__list--dropdown .choices__item--selectable,
-    .choices__list[aria-expanded] .choices__item--selectable {
-        padding-right: 100px;
-    }
-
     .choices__list--dropdown .choices__item--selectable::after,
     .choices__list[aria-expanded] .choices__item--selectable::after {
-        content: attr(data-select-text);
+        content: "";
         font-size: 12px;
         opacity: 0;
         position: absolute;
@@ -286,6 +281,11 @@
     @apply hidden w-0 h-0;
 }
 
+.choices__input--cloned {
+    color: #000; /* Darker placeholder */
+    font-weight: 600; /* Semibold text */
+}
+
 [dir="rtl"] .choices__input {
     @apply pl-0 pr-1;
 }
diff --git a/hypha/templates/base.html b/hypha/templates/base.html
index f7dcde3a10..845aba8f00 100644
--- a/hypha/templates/base.html
+++ b/hypha/templates/base.html
@@ -123,6 +123,46 @@
         </script>
         <!-- htmx end -->
 
+        <!-- choices select -->
+        <script type="module">
+            import Choices from "{% static 'js/esm/choices.js-10-2-0.js' %}";
+
+            htmx.onLoad(function() {
+                const selectElements = document.querySelectorAll("[data-js-choices]");
+
+                selectElements.forEach((selectElement) => {
+                    if (!selectElement.hasChoicesInstance) {
+                        const choicesInstance = new Choices(selectElement, {
+                            shouldSort: false,
+                            allowHTML: true,
+                            removeItemButton: true,
+                        });
+                        selectElement.hasChoicesInstance = true;
+                    };
+                });
+
+                const choicesElements = document.querySelectorAll(".choices__input--cloned")
+                choicesElements.forEach((choiceElement) => {
+                    const inputPlaceholder = choiceElement.getAttribute("placeholder");
+                    // Get the computed min-width of the input element otherwise it reset to 1
+                    const minWidth = window.getComputedStyle(choiceElement).getPropertyValue("min-width");
+                    choiceElement.addEventListener("focus", () => {
+                        if (choiceElement) {
+                            choiceElement.placeholder = "Search..."
+                            choiceElement.style.minWidth = '7ch';
+                        }
+                    });
+
+                    choiceElement.addEventListener("blur", () => {
+                        if (choiceElement) {
+                            choiceElement.placeholder = inputPlaceholder
+                            choiceElement.style.minWidth = minWidth;
+                        }
+                    });
+                });
+            });
+        </script>
+
         <!-- Placeholder for the htmx modal & toast -->
         {% include "includes/_modal-placeholder.html" %}
         {% include "includes/_toast-placeholder.html" %}
diff --git a/hypha/urls.py b/hypha/urls.py
index 996f461805..13e28dcf7f 100644
--- a/hypha/urls.py
+++ b/hypha/urls.py
@@ -43,7 +43,6 @@
     path("", include(tf_urls, "two_factor")),
     path("", include((user_urls, "users"))),
     path("tinymce/", include("tinymce.urls")),
-    path("select2/", include("django_select2.urls")),
 ]
 
 if settings.HIJACK_ENABLE:
diff --git a/pyproject.toml b/pyproject.toml
index f9adf07365..b62fd1a203 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -30,7 +30,6 @@ dependencies = [
     "django-pagedown~=2.2.1",
     "django-ratelimit~=4.1.0",
     "django-role-permissions~=3.2.0",
-    "django-select2~=8.2.1",
     "django-slack~=5.19.0",
     "django-storages~=1.14.2",
     "django-tables2~=2.7.0",
diff --git a/requirements/dev.txt b/requirements/dev.txt
index 820428bae9..202a3aa5ee 100644
--- a/requirements/dev.txt
+++ b/requirements/dev.txt
@@ -266,9 +266,6 @@ django==4.2.17 \
 django-anymail==12.0 \
     --hash=sha256:65789c1b0f42915aa0450a4f173f77572d4c552979b748ddd8125af41972ad30 \
     --hash=sha256:de8458d713d0f9776da9ed04dcd3a0161be23e9ecbcb49dcf149219700ecd274
-django-appconf==1.0.6 \
-    --hash=sha256:c3ae442fba1ff7ec830412c5184b17169a7a1e71cf0864a4c3f93cf4c98a1993 \
-    --hash=sha256:cfe87ea827c4ee04b9a70fab90b86d704cb02f2981f89da8423cb0fabf88efbf
 django-basic-auth-ip-whitelist==0.6.0 \
     --hash=sha256:51fbef4d483cfccb15d0c38605fd149fd307314ad8a9308580a6b693b94b3329 \
     --hash=sha256:f866c1822861ab6612efb9adec03b12279a82314783aa721c843acfbea04b0b7
@@ -337,9 +334,6 @@ django-ratelimit==4.1.0 \
 django-role-permissions==3.2.0 \
     --hash=sha256:39c4237e9ed2983c0d7fa38bd7f7c4942a04daac739d5be1921efccb074a0606 \
     --hash=sha256:5a89eaa098f3da951b4633e655d5f3188f3d6ec5f0b846a8b1690d094ddc6ea6
-django-select2==8.2.3 \
-    --hash=sha256:1de547c89ee2f005f1d461f76db89b440897939fcea894db8ba756b6f1ad36c1 \
-    --hash=sha256:a3bc3f3bfb21d73791be1bc0dd8cc674d11e167129d605847c257942e7a2143b
 django-slack==5.19.0 \
     --hash=sha256:4d7b5e6ee229eacc58be6ab43786c14323b52df96e84e6941907315bebef8b32 \
     --hash=sha256:cdc6b58ec4e30be6287287c147868f9124cf86c5945ae200c230663c6fa9846c
diff --git a/requirements/prod.txt b/requirements/prod.txt
index b43858874e..d0b6cbb82b 100644
--- a/requirements/prod.txt
+++ b/requirements/prod.txt
@@ -201,9 +201,6 @@ django==4.2.17 \
 django-anymail==12.0 \
     --hash=sha256:65789c1b0f42915aa0450a4f173f77572d4c552979b748ddd8125af41972ad30 \
     --hash=sha256:de8458d713d0f9776da9ed04dcd3a0161be23e9ecbcb49dcf149219700ecd274
-django-appconf==1.0.6 \
-    --hash=sha256:c3ae442fba1ff7ec830412c5184b17169a7a1e71cf0864a4c3f93cf4c98a1993 \
-    --hash=sha256:cfe87ea827c4ee04b9a70fab90b86d704cb02f2981f89da8423cb0fabf88efbf
 django-basic-auth-ip-whitelist==0.6.0 \
     --hash=sha256:51fbef4d483cfccb15d0c38605fd149fd307314ad8a9308580a6b693b94b3329 \
     --hash=sha256:f866c1822861ab6612efb9adec03b12279a82314783aa721c843acfbea04b0b7
@@ -260,9 +257,6 @@ django-ratelimit==4.1.0 \
 django-role-permissions==3.2.0 \
     --hash=sha256:39c4237e9ed2983c0d7fa38bd7f7c4942a04daac739d5be1921efccb074a0606 \
     --hash=sha256:5a89eaa098f3da951b4633e655d5f3188f3d6ec5f0b846a8b1690d094ddc6ea6
-django-select2==8.2.3 \
-    --hash=sha256:1de547c89ee2f005f1d461f76db89b440897939fcea894db8ba756b6f1ad36c1 \
-    --hash=sha256:a3bc3f3bfb21d73791be1bc0dd8cc674d11e167129d605847c257942e7a2143b
 django-slack==5.19.0 \
     --hash=sha256:4d7b5e6ee229eacc58be6ab43786c14323b52df96e84e6941907315bebef8b32 \
     --hash=sha256:cdc6b58ec4e30be6287287c147868f9124cf86c5945ae200c230663c6fa9846c
diff --git a/uv.lock b/uv.lock
index 89e1c0d500..c928e22f94 100644
--- a/uv.lock
+++ b/uv.lock
@@ -863,19 +863,6 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/21/03/baa0d85a7b82bf8fa02f31627d789f39245841975717fd93a973f1a35afc/django_role_permissions-3.2.0-py3-none-any.whl", hash = "sha256:39c4237e9ed2983c0d7fa38bd7f7c4942a04daac739d5be1921efccb074a0606", size = 12782 },
 ]
 
-[[package]]
-name = "django-select2"
-version = "8.2.3"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "django" },
-    { name = "django-appconf" },
-]
-sdist = { url = "https://files.pythonhosted.org/packages/db/f0/3e1969c99e193bc50fec7c6ef301867acc900f3ec5aca96fe5662ff5049b/django_select2-8.2.3.tar.gz", hash = "sha256:1de547c89ee2f005f1d461f76db89b440897939fcea894db8ba756b6f1ad36c1", size = 13255 }
-wheels = [
-    { url = "https://files.pythonhosted.org/packages/1e/3a/fb6efff46f3d5257aca87737ee3c8ce2c9de059ab5142913b92181d021e1/django_select2-8.2.3-py3-none-any.whl", hash = "sha256:a3bc3f3bfb21d73791be1bc0dd8cc674d11e167129d605847c257942e7a2143b", size = 15401 },
-]
-
 [[package]]
 name = "django-slack"
 version = "5.19.0"
@@ -1334,7 +1321,6 @@ dependencies = [
     { name = "django-pagedown" },
     { name = "django-ratelimit" },
     { name = "django-role-permissions" },
-    { name = "django-select2" },
     { name = "django-slack" },
     { name = "django-storages" },
     { name = "django-stubs" },
@@ -1432,7 +1418,6 @@ requires-dist = [
     { name = "django-pagedown", specifier = "~=2.2.1" },
     { name = "django-ratelimit", specifier = "~=4.1.0" },
     { name = "django-role-permissions", specifier = "~=3.2.0" },
-    { name = "django-select2", specifier = "~=8.2.1" },
     { name = "django-slack", specifier = "~=5.19.0" },
     { name = "django-storages", specifier = "~=1.14.2" },
     { name = "django-stubs", specifier = "~=4.2.0" },