diff --git a/admin-ui/app/components/Notifications/styles.js b/admin-ui/app/components/Notifications/styles.js
index 2faa329b2..2b2ca6415 100644
--- a/admin-ui/app/components/Notifications/styles.js
+++ b/admin-ui/app/components/Notifications/styles.js
@@ -1,5 +1,4 @@
-import { makeStyles } from "tss-react/mui";
-// import { useTheme } from '@mui/material/styles';
+import { makeStyles } from "tss-react/mui"; 
 
 const styles = makeStyles()((theme) => ({
   root: {
diff --git a/admin-ui/plugins/auth-server/components/AuthN/AuthNListPage.js b/admin-ui/plugins/auth-server/components/AuthN/AuthNListPage.js
index 49792f12a..92d9ef04a 100644
--- a/admin-ui/plugins/auth-server/components/AuthN/AuthNListPage.js
+++ b/admin-ui/plugins/auth-server/components/AuthN/AuthNListPage.js
@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useContext } from 'react'
 import MaterialTable from '@material-table/core'
-import { Paper } from '@material-ui/core'
+import { Paper } from '@mui/material'
 import { useNavigate } from 'react-router-dom'
 import { useSelector, useDispatch } from 'react-redux'
 import { Card, CardBody } from 'Components'
diff --git a/admin-ui/plugins/auth-server/components/AuthN/styles.js b/admin-ui/plugins/auth-server/components/AuthN/styles.js
index b58c9a24e..d86e57f17 100644
--- a/admin-ui/plugins/auth-server/components/AuthN/styles.js
+++ b/admin-ui/plugins/auth-server/components/AuthN/styles.js
@@ -1,11 +1,11 @@
-import { makeStyles } from '@material-ui/core/styles'
+import { makeStyles } from "tss-react/mui";
 
-const styles = makeStyles(() => ({
+const styles = makeStyles()(() => ({
   link: {
     color: '#1cb7ff',
     textDecoration: 'underline',
     fontWeight: 'bold'
-  },
+  }
 }))
 
 export default styles
\ No newline at end of file