diff --git a/.gitignore b/.gitignore
index 3386d369..2eea7634 100644
--- a/.gitignore
+++ b/.gitignore
@@ -29,6 +29,7 @@ public/javascript/library/jQuery
 public/javascript/library/DataTables
 public/javascript/library/Chart.js
 public/javascript/library/Moment
+public/javascript/library/Select2
 public/images/uploads/
 ###< local files ###
 
diff --git a/composer.json b/composer.json
index 0fe603c2..f86b13ed 100644
--- a/composer.json
+++ b/composer.json
@@ -100,7 +100,13 @@
             "wget https://github.com/chartjs/Chart.js/releases/download/v2.9.3/Chart.min.js -O ./vendor/Chart.js/chart.min.js",
             "wget https://github.com/chartjs/Chart.js/releases/download/v2.9.3/Chart.min.css -O ./vendor/Chart.js/chart.min.css",
             "ln -sf ../../../../vendor/Chart.js/chart.min.js ./public/javascript/library/Chart.js/chart.min.js",
-            "ln -sf ../../../../vendor/Chart.js/chart.min.css ./public/javascript/library/Chart.js/chart.min.css"
+            "ln -sf ../../../../vendor/Chart.js/chart.min.css ./public/javascript/library/Chart.js/chart.min.css",
+            "wget https://github.com/select2/select2/archive/4.0.13.zip -O ./vendor/select2.zip",
+            "unzip -o vendor/select2.zip -d vendor/",
+            "rm -r vendor/Select2",
+            "mv vendor/select2-4.0.13 vendor/Select2",
+            "rm vendor/select2.zip",
+            "ln -sf ../../../vendor/Select2/dist ./public/javascript/library/Select2"
         ],
         "post-update-cmd": [
             "@auto-scripts"
diff --git a/templates/Home/base.html.twig b/templates/Home/base.html.twig
index f718dafa..d7a5ba53 100644
--- a/templates/Home/base.html.twig
+++ b/templates/Home/base.html.twig
@@ -6,6 +6,7 @@
         {% block global_css %}
             <link rel="stylesheet" href="{{ asset('css/library/Bootstrap/bootstrap.min.css') }}">
             <link rel="stylesheet" href="{{ asset('javascript/library/DataTables/datatables.min.css') }}">
+            <link rel="stylesheet" href="{{ asset('javascript/library/Select2/css/select2.min.css') }}">
             <link rel="stylesheet" href="{{ asset('javascript/library/Chart.js/chart.min.css') }}">
             <link rel="stylesheet" href="{{ asset('css/library/theme.min.css') }}">
             <link rel="stylesheet" href="{{ asset('css/global.css') }}">
@@ -14,6 +15,7 @@
             <script src="{{ asset('javascript/library/jQuery/jquery.min.js') }}"></script>
             <script src="{{ asset('javascript/library/Moment/moment-with-locales.min.js') }}"></script>
             <script src="{{ asset('javascript/library/DataTables/datatables.min.js') }}"></script>
+            <script src="{{ asset('javascript/library/Select2/js/select2.full.min.js') }}"></script>
             <script src="{{ asset('javascript/library/Chart.js/chart.min.js') }}"></script>
             <script src="{{ asset('javascript/library/Bootstrap/bootstrap.bundle.min.js') }}"></script>
             <script src="{{ asset('javascript/global.js') }}"></script>