From 7a1cafbdc228e01ef6d342465f628b9ae445d7bb Mon Sep 17 00:00:00 2001
From: Parth Kumar Singh <parthksingh1@gmail.com>
Date: Fri, 17 Nov 2023 14:44:04 +0530
Subject: [PATCH] (Fix)-Fixed the scroll of Comment Section

---
 src/Components/Shifting/CommentsSection.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/Components/Shifting/CommentsSection.tsx b/src/Components/Shifting/CommentsSection.tsx
index 767ab402265..29f0e96beb3 100644
--- a/src/Components/Shifting/CommentsSection.tsx
+++ b/src/Components/Shifting/CommentsSection.tsx
@@ -52,7 +52,7 @@ const CommentSection = (props: CommentSectionProps) => {
             className="mt-4 rounded-lg border border-gray-500 p-4 focus:ring-primary-500"
             onChange={(e) => setCommentBox(e.target.value)}
           />
-          <div className="flex w-full justify-end">
+          <div className="mt-2 flex w-full justify-end">
             <ButtonV2
               className="mt-4"
               onClick={async () => {
@@ -63,13 +63,15 @@ const CommentSection = (props: CommentSectionProps) => {
               {t("post_your_comment")}
             </ButtonV2>
           </div>
-          <div className="w-full">
-            <PaginatedList.WhenLoading>
-              <CircularProgress />
-            </PaginatedList.WhenLoading>
-            <PaginatedList.Items<IComment>>
-              {(item) => <Comment {...item} />}
-            </PaginatedList.Items>
+          <div className="mt-2 w-full">
+            <div className="max-h-[400px] overflow-y-auto">
+              <PaginatedList.WhenLoading>
+                <CircularProgress />
+              </PaginatedList.WhenLoading>
+              <PaginatedList.Items<IComment>>
+                {(item) => <Comment {...item} />}
+              </PaginatedList.Items>
+            </div>
             <div className="flex w-full items-center justify-center">
               <PaginatedList.Paginator hideIfSinglePage />
             </div>