diff --git a/src/components/CommunityChat/index.css b/src/components/CommunityChat/index.css
index 9e007f1bd..d3dd4828a 100644
--- a/src/components/CommunityChat/index.css
+++ b/src/components/CommunityChat/index.css
@@ -109,14 +109,13 @@
   color: var(--profile-color);
 }
 
-.date-separator{
+.date-separator {
   padding: 1.5rem 0;
   list-style-type: none;
   font-size: 15px;
   color: var(--darkmode-white);
 }
 
-
 .current-user-msg {
   flex-direction: row-reverse;
   margin-left: auto;
@@ -285,8 +284,8 @@
 }
 
 @media screen and (max-width: 600px) {
-  .date-separator{
-     font-size: 9px;
+  .date-separator {
+    font-size: 9px;
   }
 
   .chat-msg-text {
diff --git a/src/components/CommunityChat/index.jsx b/src/components/CommunityChat/index.jsx
index 6a6f2d57d..23d045345 100644
--- a/src/components/CommunityChat/index.jsx
+++ b/src/components/CommunityChat/index.jsx
@@ -1,11 +1,10 @@
-import React from "react";
 import "./index.css";
 
+import { ClickAwayListener, Divider } from "@mui/material";
+import { Fragment, useEffect, useRef, useState } from "react";
 import { auth, db } from "../../lib/firebase";
 import { playErrorSound, playSuccessSound } from "../../js/sounds";
-import { useEffect, useRef, useState } from "react";
 
-import { Chip, ClickAwayListener, Divider } from "@mui/material";
 import CloseIcon from "@mui/icons-material/Close";
 import DeleteIcon from "@mui/icons-material/DeleteOutlineOutlined";
 import EditIcon from "@mui/icons-material/EditOutlined";
@@ -318,7 +317,7 @@ const ChatBox = () => {
           <div className="all-chat-msg-container" ref={chatMsgContainerRef}>
             <ul className="chat-msg-container">
               {Object.keys(groupedMessages).map((date) => (
-                <React.Fragment key={date}>
+                <Fragment key={date}>
                   <li className="date-separator">
                     <Divider
                       sx={{
@@ -414,7 +413,7 @@ const ChatBox = () => {
                       </div>
                     </li>
                   ))}
-                </React.Fragment>
+                </Fragment>
               ))}
             </ul>
           </div>