css 폴리싱

@@ -10,7 +10,7 @@ interface RoomInfoProps {
 
 export const RoomInfo: React.FC<RoomInfoProps> = ({ roomData }) => {
   return (
-    <div className='m-3 w-5/6 flex items-center place-content-between'>
+    <div className='m-3 mb-8 w-5/6 flex items-center place-content-between'>
       <div>{roomData.name}</div>
       <div>{roomData.users.length}/{roomData.maxUsers}</div>
     </div>

@@ -10,7 +10,8 @@ export const UserStatus: React.FC<UserStatusProps> = ({ user }) => {
     <div className='w-20 h-12 m-4 rounded-lg shadow'>
       <div className={`${user.admin ? 'text-blue-500' :
                     user.ready ? 'text-green-500' : 'text-black'} 
-                    text-lg text-center align-middle my-2.5`}>
+                    text-lg text-center align-middle my-2.5
+                    ease-linear transition-all duration-100`}>
                       {user.username}</div>
     </div>
   )