slight styling changes

src/chat/Chat.tsx

@@ -9,7 +9,7 @@ import { Note } from "models";
 import { pond } from "protobuf-ts/pond";
 import { makeStyles } from "@mui/styles";
 
-const useStyles = makeStyles((theme: Theme) => {
+const useStyles = makeStyles((_theme: Theme) => {
   return ({
     chatContainer: {
       height: "100%", 
@@ -38,8 +38,6 @@ export default function Chat(props: Props) {
   const loadChats = () => {
     setLoading(true)
     noteAPI.listChats(10, chats.length, "desc", "timestamp", objectKey).then(resp => {
-      // if (loaded) setScrollPos(chats.length-10)
-      // setScrollPos(chats.length)
       setChats(resp.data.chats ? resp.data.chats.reverse().concat(chats) : [])
       setTotalMessages(resp.data.total)
     }).finally(() => {
@@ -95,7 +93,6 @@ export default function Chat(props: Props) {
         <Box className={classes.chatContainer}>
           <ChatOutput
             totalMessages={totalMessages}
-            // attachmentMap={attachmentMap}
             messages={chats}
             removeNoteMethod={removeNote}
             loadMore={loadMore}

src/chat/ChatInput.tsx

@@ -17,8 +17,8 @@ import { ArrowUpward } from "@mui/icons-material";
 const useStyles = makeStyles((theme: Theme) => ({
   textAreaBox: {
     width: "100%",
-    padding: theme.spacing(1),
+    padding: theme.spacing(1.5),
-    paddingTop: theme.spacing(0),
+    paddingTop: theme.spacing(0.75),
   },
   textAreaClass: {
     resize: "none",