chore: updates for UX

src/routes/chat/RTCWidget.tsx

@@ -32,7 +32,7 @@ const RTCWidget = ({ id, context = "channel" }: Props) => {
     if (!name) return null;
     const isReConnecting = voicingInfo.connectionState == "RECONNECTING";
     return (
-        <div className='bg-gray-100 dark:bg-gray-900 flex flex-col p-2 rounded-3xl m-3 text-sm'>
+        <div className='bg-gray-100 dark:bg-gray-900 flex flex-col p-2 rounded-3xl m-3 mb-4 text-sm'>
             {/* {voicingInfo && */}
             <div className="flex justify-between items-center border-b border-b-gray-200 dark:border-b-gray-800 pb-2">
                 <div className="flex flex-1 items-center gap-1">

src/routes/setting/UpdatePasswordModal.tsx

@@ -60,7 +60,7 @@ const ProfileBasicEditModal: FC<Props> = ({ closeModal }) => {
     newPassword !== confirmPassword ||
     isLoading;
 
-  const inputClass = `my-4 w-full flex flex-col gap-2`;
+  const inputClass = `my-4 w-full flex flex-col items-start gap-2`;
   const labelClass = `text-gray-400 font-semibold`;
   return (
     <Modal id="modal-modal">