diff --git a/package.json b/package.json
index 881cac72405b..85dc8be01c99 100644
--- a/package.json
+++ b/package.json
@@ -16,10 +16,11 @@
     "bootstrap": "^4.3.1",
     "cross-env": "^5.2.0",
     "font-awesome": "^4.7.0",
-    "laravel-mix": "^4.1.2",
-    "puppeteer": "^1.18.1",
     "jquery": "^3.4.1",
+    "laravel-mix": "^4.1.2",
     "perfect-scrollbar": "^1.3.0",
-    "popper.js": "^1.14.3"
+    "popper.js": "^1.14.3",
+    "puppeteer": "^1.18.1",
+    "select2": "^4.0.8"
   }
 }
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index bb4306880f05..141cd887e89a 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -6,5 +6,7 @@
     "/vendors/js/coreui.min.js": "/vendors/js/coreui.min.js?id=0fa9ac379e62c48d26e6",
     "/vendors/js/bootstrap.bundle.min.js": "/vendors/js/bootstrap.bundle.min.js?id=a454220fc07088bf1fdd",
     "/vendors/js/jquery.min.js": "/vendors/js/jquery.min.js?id=220afd743d9e9643852e",
-    "/vendors/js/perfect-scrollbar.min.js": "/vendors/js/perfect-scrollbar.min.js?id=4a10bcfa0a9c9fa9d503"
+    "/vendors/js/perfect-scrollbar.min.js": "/vendors/js/perfect-scrollbar.min.js?id=4a10bcfa0a9c9fa9d503",
+    "/vendors/css/select2.min.css": "/vendors/css/select2.min.css?id=8e44c39add2364bdb469",
+    "/vendors/js/select2.min.js": "/vendors/js/select2.min.js?id=0a96cf2d3a193019a91b"
 }
diff --git a/resources/views/portal/default/footer.blade.php b/resources/views/portal/default/footer.blade.php
index 8ce308e32d5d..b87fb48c9d29 100644
--- a/resources/views/portal/default/footer.blade.php
+++ b/resources/views/portal/default/footer.blade.php
@@ -10,9 +10,7 @@
 <script src="/vendors/js/bootstrap.bundle.min.js"></script>
 <script src="/vendors/js/perfect-scrollbar.min.js"></script>
 <script src="/vendors/js/coreui.min.js"></script>
-
 @stack('scripts')
-
 <script>
 $('#ui-view').ajaxLoad();
 </script>
diff --git a/resources/views/portal/default/invoices/index.blade.php b/resources/views/portal/default/invoices/index.blade.php
index d336d846d73b..0d7ee2f42299 100644
--- a/resources/views/portal/default/invoices/index.blade.php
+++ b/resources/views/portal/default/invoices/index.blade.php
@@ -1,10 +1,10 @@
 @extends('portal.default.layouts.master')
-
 @section('header')
 	@parent
-	<link href="//cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css"/>
+    <link href="//cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css"/>
+    <link href="//cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css"/>
+    <link href="/vendors/css/select2.min.css" rel="stylesheet">
 @stop
-
 @section('body')
     <main class="main">
         <div class="container-fluid">
@@ -42,12 +42,11 @@
     </main>
 </body>
 @endsection
-
 @push('scripts')
 	<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js" type="text/javascript"></script>
     <script src="//cdn.datatables.net/1.10.18/js/dataTables.bootstrap4.min.js"></script>
+    <script src="/vendors/js/select2.min.js"></script>
 @endpush
-
 @section('footer')
 <script>
 
diff --git a/resources/views/portal/default/layouts/guest.blade.php b/resources/views/portal/default/layouts/guest.blade.php
index 37ae909de9cd..9444946a4966 100644
--- a/resources/views/portal/default/layouts/guest.blade.php
+++ b/resources/views/portal/default/layouts/guest.blade.php
@@ -1,10 +1,8 @@
 <!DOCTYPE html>
 <html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 <head>
-
     <!-- Source: https://github.com/invoiceninja/invoiceninja -->
     <!-- Error: {{ session('error') }} -->
-
     @if (config('services.analytics.tracking_id'))
         <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122229484-1"></script>
         <script>
@@ -44,9 +42,6 @@
   <link href="/vendors/css/coreui.min.css" rel="stylesheet">
     @yield('head')
 </head>
-
 @section('body')
-
 @yield('body')
-
 </html>
\ No newline at end of file
diff --git a/webpack.mix.js b/webpack.mix.js
index 9583b7821015..648137261dd3 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -21,6 +21,10 @@ mix.copyDirectory('node_modules/bootstrap/dist/js/bootstrap.bundle.min.js', 'pub
 mix.copyDirectory('node_modules/jquery/dist/jquery.min.js', 'public/vendors/js/jquery.min.js');
 mix.copyDirectory('node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js', 'public/vendors/js/perfect-scrollbar.min.js');
 
+
+mix.copyDirectory('node_modules/select2/dist/css/select2.min.css', 'public/vendors/css/select2.min.css');
+mix.copyDirectory('node_modules/select2/dist/js/select2.full.min.js', 'public/vendors/js/select2.min.js');
+
 mix.copyDirectory('node_modules/font-awesome/fonts', 'public/vendors/fonts');
 
 mix.version();
