diff --git a/package-lock.json b/package-lock.json
index 33ad5bc9..70126700 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,7 +19,7 @@
         "@fortawesome/react-fontawesome": "^0.2.0",
         "@hassanmojab/react-modern-calendar-datepicker": "^3.1.7",
         "@mui/lab": "^5.0.0-alpha.121",
-        "@mui/material": "^5.10.13",
+        "@mui/material": "^5.11.6",
         "@mui/x-date-pickers": "^6.18.6",
         "@types/node": "18.11.9",
         "@types/react": "18.0.25",
@@ -1911,14 +1911,14 @@
       }
     },
     "node_modules/@mui/base": {
-      "version": "5.0.0-alpha.118",
-      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.118.tgz",
-      "integrity": "sha512-GAEpqhnuHjRaAZLdxFNuOf2GDTp9sUawM46oHZV4VnYPFjXJDkIYFWfIQLONb0nga92OiqS5DD/scGzVKCL0Mw==",
+      "version": "5.0.0-alpha.115",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.115.tgz",
+      "integrity": "sha512-OGQ84whT/yNYd6xKCGGS6MxqEfjVjk5esXM7HP6bB2Rim7QICUapxZt4nm8q39fpT08rNDkv3xPVqDDwRdRg1g==",
       "dependencies": {
-        "@babel/runtime": "^7.20.13",
+        "@babel/runtime": "^7.20.7",
         "@emotion/is-prop-valid": "^1.2.0",
         "@mui/types": "^7.2.3",
-        "@mui/utils": "^5.11.9",
+        "@mui/utils": "^5.11.2",
         "@popperjs/core": "^2.11.6",
         "clsx": "^1.2.1",
         "prop-types": "^15.8.1",
@@ -2025,16 +2025,16 @@
       }
     },
     "node_modules/@mui/material": {
-      "version": "5.11.9",
-      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.11.9.tgz",
-      "integrity": "sha512-Wb3WzjzYyi/WKSl/XlF7aC8kk2NE21IoHMF7hNQMkPb0GslbWwR4OUjlBpxtG+RSZn44wMZkEDNB9Hw0TDsd8g==",
+      "version": "5.11.6",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.11.6.tgz",
+      "integrity": "sha512-MzkkL5KC2PCkFiv8cLpkzgLUPXSrAtnvJBR0emV7mLVWbkwV3n5832vjBx154B6R032fHjFTziTh7YEb50nK6Q==",
       "dependencies": {
-        "@babel/runtime": "^7.20.13",
-        "@mui/base": "5.0.0-alpha.118",
-        "@mui/core-downloads-tracker": "^5.11.9",
-        "@mui/system": "^5.11.9",
+        "@babel/runtime": "^7.20.7",
+        "@mui/base": "5.0.0-alpha.115",
+        "@mui/core-downloads-tracker": "^5.11.6",
+        "@mui/system": "^5.11.5",
         "@mui/types": "^7.2.3",
-        "@mui/utils": "^5.11.9",
+        "@mui/utils": "^5.11.2",
         "@types/react-transition-group": "^4.4.5",
         "clsx": "^1.2.1",
         "csstype": "^3.1.1",
@@ -13525,14 +13525,14 @@
       }
     },
     "@mui/base": {
-      "version": "5.0.0-alpha.118",
-      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.118.tgz",
-      "integrity": "sha512-GAEpqhnuHjRaAZLdxFNuOf2GDTp9sUawM46oHZV4VnYPFjXJDkIYFWfIQLONb0nga92OiqS5DD/scGzVKCL0Mw==",
+      "version": "5.0.0-alpha.115",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-alpha.115.tgz",
+      "integrity": "sha512-OGQ84whT/yNYd6xKCGGS6MxqEfjVjk5esXM7HP6bB2Rim7QICUapxZt4nm8q39fpT08rNDkv3xPVqDDwRdRg1g==",
       "requires": {
-        "@babel/runtime": "^7.20.13",
+        "@babel/runtime": "^7.20.7",
         "@emotion/is-prop-valid": "^1.2.0",
         "@mui/types": "^7.2.3",
-        "@mui/utils": "^5.11.9",
+        "@mui/utils": "^5.11.2",
         "@popperjs/core": "^2.11.6",
         "clsx": "^1.2.1",
         "prop-types": "^15.8.1",
@@ -13577,16 +13577,16 @@
       }
     },
     "@mui/material": {
-      "version": "5.11.9",
-      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.11.9.tgz",
-      "integrity": "sha512-Wb3WzjzYyi/WKSl/XlF7aC8kk2NE21IoHMF7hNQMkPb0GslbWwR4OUjlBpxtG+RSZn44wMZkEDNB9Hw0TDsd8g==",
+      "version": "5.11.6",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.11.6.tgz",
+      "integrity": "sha512-MzkkL5KC2PCkFiv8cLpkzgLUPXSrAtnvJBR0emV7mLVWbkwV3n5832vjBx154B6R032fHjFTziTh7YEb50nK6Q==",
       "requires": {
-        "@babel/runtime": "^7.20.13",
-        "@mui/base": "5.0.0-alpha.118",
-        "@mui/core-downloads-tracker": "^5.11.9",
-        "@mui/system": "^5.11.9",
+        "@babel/runtime": "^7.20.7",
+        "@mui/base": "5.0.0-alpha.115",
+        "@mui/core-downloads-tracker": "^5.11.6",
+        "@mui/system": "^5.11.5",
         "@mui/types": "^7.2.3",
-        "@mui/utils": "^5.11.9",
+        "@mui/utils": "^5.11.2",
         "@types/react-transition-group": "^4.4.5",
         "clsx": "^1.2.1",
         "csstype": "^3.1.1",
diff --git a/package.json b/package.json
index f29a4e40..762efbe0 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@hassanmojab/react-modern-calendar-datepicker": "^3.1.7",
     "@mui/lab": "^5.0.0-alpha.121",
-    "@mui/material": "^5.10.13",
+    "@mui/material": "^5.11.6",
     "@mui/x-date-pickers": "^6.18.6",
     "@types/node": "18.11.9",
     "@types/react": "18.0.25",
diff --git a/src/components/announcements/create/privateMessaageContainer/TcRolesAutoComplete.tsx b/src/components/announcements/create/privateMessaageContainer/TcRolesAutoComplete.tsx
index f63c57c8..bd8c7696 100644
--- a/src/components/announcements/create/privateMessaageContainer/TcRolesAutoComplete.tsx
+++ b/src/components/announcements/create/privateMessaageContainer/TcRolesAutoComplete.tsx
@@ -156,6 +156,7 @@ function TcRolesAutoComplete({
     <TcAutocomplete
       options={fetchedRoles.results}
       getOptionLabel={(option) => option.name}
+      filterOptions={(x) => x}
       label='Select Role(s)'
       multiple={true}
       loading={isLoading}
diff --git a/src/components/announcements/create/privateMessaageContainer/TcUsersAutoComplete.tsx b/src/components/announcements/create/privateMessaageContainer/TcUsersAutoComplete.tsx
index 71b74244..2fcb5fb2 100644
--- a/src/components/announcements/create/privateMessaageContainer/TcUsersAutoComplete.tsx
+++ b/src/components/announcements/create/privateMessaageContainer/TcUsersAutoComplete.tsx
@@ -164,6 +164,7 @@ function TcUsersAutoComplete({
     <TcAutocomplete
       options={fetchedUsers.results}
       getOptionLabel={(option) => option.ngu}
+      filterOptions={(x) => x}
       label='Select User(s)'
       multiple={true}
       loading={isLoading}
@@ -200,9 +201,8 @@ function TcUsersAutoComplete({
             />
             <TcText text={option.ngu} />
             <TcText
-              text={`${
-                option.username ? '@' + truncateCenter(option.username, 10) : ''
-              }`}
+              text={`${option.username ? '@' + truncateCenter(option.username, 10) : ''
+                }`}
               className='text-gray-500'
             />
           </div>
@@ -228,11 +228,10 @@ function TcUsersAutoComplete({
                   <TcText text={option.ngu} variant='caption' />
                 </div>
                 <TcText
-                  text={`${
-                    option.username
-                      ? '@' + truncateCenter(option.username, 10)
-                      : ''
-                  }`}
+                  text={`${option.username
+                    ? '@' + truncateCenter(option.username, 10)
+                    : ''
+                    }`}
                   variant='caption'
                   className='text-gray-500'
                 />