diff --git a/frontend/src/layouts/dashboard/top-nav.js b/frontend/src/layouts/dashboard/top-nav.js
index 2e873ee..c906b9d 100644
--- a/frontend/src/layouts/dashboard/top-nav.js
+++ b/frontend/src/layouts/dashboard/top-nav.js
@@ -134,7 +134,11 @@ export const TopNav = (props) => {
         aria-describedby="scroll-dialog-description"
       >
         <DialogContent dividers={scroll === 'paper'}>
-        <Box display="flex" alignItems="center" justifyContent={'center'}>
+        <Box
+        display="flex" 
+        alignItems="center" 
+        justifyContent={'center'}
+        >
               <Box sx={{margin:"30px",textAlign:'center'}}>
                 <Avatar
                   sx={{
@@ -146,9 +150,13 @@ export const TopNav = (props) => {
                   <Box flexGrow={1} >{call.from}</Box>
               </Box>
         </Box>
-        <Box display="flex" alignItems="center" justifyContent={'center'}>
+        <Box display="flex" 
+        alignItems="center" 
+        justifyContent={'center'}>
         <IconButton>
-          <Tooltip title="Refuse" placement="left" onClick={()=>{}}>
+          <Tooltip title="Refuse" 
+          placement="left" 
+          onClick={()=>{}}>
               <SvgIcon
               sx={{cursor:'pointer'}}
               style={{transform: "scale(1.5,1.5)"}}
@@ -161,7 +169,9 @@ export const TopNav = (props) => {
         </IconButton>
           <div style={{width:'15%'}}></div>
           <IconButton>
-            <Tooltip title="Accept" placement="right" onClick={()=>{}}>
+            <Tooltip title="Accept" 
+            placement="right" 
+            onClick={()=>{}}>
                 <SvgIcon
                 sx={{cursor:'pointer'}}
                 style={{transform: "scale(1.5,1.5) scale(-1,1)"}}
diff --git a/frontend/src/pages/chat.js b/frontend/src/pages/chat.js
index e3d6c89..748e51d 100644
--- a/frontend/src/pages/chat.js
+++ b/frontend/src/pages/chat.js
@@ -50,8 +50,12 @@ const Page = () => {
         if(users.length == 0){
             console.log("users is empty")
             return (
-                <div style={{display:'flex', justifyContent:'center'}} height={'100%'} >
-                    <CircularProgress color="inherit" width='100%'/>
+                <div 
+                style={{display:'flex', justifyContent:'center'}}
+                height={'100%'} >
+                    <CircularProgress 
+                    color="inherit" 
+                    width='100%'/>
                 </div>
             )
         }else {
@@ -77,7 +81,9 @@ const Page = () => {
 
                             if (x.email !== window.sessionStorage.getItem("email")){
                                 return (
-                                    <Box sx={{margin:"30px",textAlign:'center'}} key={x.email}>
+                                    <Box 
+                                    sx={{margin:"30px",textAlign:'center'}} 
+                                    key={x.email}>
                                         <Avatar
                                         sx={{
                                             height: 150,
@@ -89,7 +95,9 @@ const Page = () => {
                                         <div style={{marginTop:'10px'}}>
                                         </div>
                                             {status === "online" ?
-                                            <Tooltip title="Call" placement="right" onClick={()=>{
+                                            <Tooltip title="Call" 
+                                            placement="right" 
+                                            onClick={()=>{
                                                 router.push({
                                                     pathname:"chat/room",
                                                     query: {user: x.email}
@@ -104,7 +112,9 @@ const Page = () => {
                                                 </SvgIcon>
                                             </Tooltip>
                                             :
-                                            <Tooltip title="Offline" placement="right">
+                                            <Tooltip 
+                                            title="Offline" 
+                                            placement="right">
                                                 <SvgIcon
                                                 sx={{cursor:'default'}}
                                                 >
diff --git a/frontend/src/pages/devices.js b/frontend/src/pages/devices.js
index 43eefa3..f39129d 100644
--- a/frontend/src/pages/devices.js
+++ b/frontend/src/pages/devices.js
@@ -31,7 +31,7 @@ const Page = () => {
       .then(response => response.json())
       .then(json => setDevices(json))
       .catch(error => console.error('Error:', error));
-  }, []);
+  }, [auth.user]);
 
   return (devices &&
     <>