diff --git a/resources/views/layouts/appNew.blade.php b/resources/views/layouts/appNew.blade.php
index b4511ba..3e05da9 100644
--- a/resources/views/layouts/appNew.blade.php
+++ b/resources/views/layouts/appNew.blade.php
@@ -13,6 +13,7 @@
     <!-- Lucide Icons -->
     <script src="{{ asset('assets/js/lucide.js') }}"></script>
     <link rel="stylesheet" href="{{asset('assets/css/bootstrap-table.min.css')}}">
+    <link rel="stylesheet" href="{{asset('assets/css/select2/select2.bundle.css')}}">
     <link rel="stylesheet" media="screen, print" href="{{asset('assets/css/datatables/datatables.bundle.css')}}">
     <style>
         body { font-family: 'Plus Jakarta Sans', sans-serif; }
@@ -109,9 +110,11 @@
     <script src="{{ asset('assets/js/jquery.min.js') }}"></script>
     {{-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> --}}
     <script src="{{asset('assets/js/bootstrap-table.min.js')}}"></script>
+    <script src="{{asset('assets/js/select2/select2.bundle.js')}}"></script>
     
     <script>
         $(document).ready(function() {
+            $('.select2').select2();
             // Initialize Lucide Icons
             lucide.createIcons();