diff --git a/frontend/app/components/GeneratingQuestionsToolUI.tsx b/frontend/app/components/GeneratingQuestionsToolUI.tsx
index 28506ca7..aff73dec 100644
--- a/frontend/app/components/GeneratingQuestionsToolUI.tsx
+++ b/frontend/app/components/GeneratingQuestionsToolUI.tsx
@@ -71,7 +71,7 @@ export const useGeneratingQuestionsUI = () =>
             <p className="text-xl">Research Plan & Sources</p>
           </span>
           <div className="mb-10">
-            <div className="flex flex-wrap items-center justify-start gap-2">
+            <div className="flex flex-wrap items-start justify-start gap-2">
               {(input.args.questions as Question[]).map(
                 (question, questionIndex) => (
                   <QuestionCard
diff --git a/frontend/app/components/Primitives.tsx b/frontend/app/components/Primitives.tsx
index 116adb96..37831b10 100644
--- a/frontend/app/components/Primitives.tsx
+++ b/frontend/app/components/Primitives.tsx
@@ -104,7 +104,7 @@ const MyThreadScrollToBottom: FC = () => {
       <TooltipIconButton
         tooltip="Scroll to bottom"
         variant="outline"
-        className="absolute top-4 left-1/2 transform -translate-x-1/2 rounded-full disabled:invisible bg-white bg-opacity-75"
+        className="absolute bottom-4 left-1/2 transform -translate-x-1/2 rounded-full disabled:invisible bg-white bg-opacity-75"
       >
         <ArrowDownIcon className="text-gray-600 hover:text-gray-800 transition-colors ease-in-out" />
       </TooltipIconButton>
diff --git a/frontend/app/components/SelectedDocumentsToolUI.tsx b/frontend/app/components/SelectedDocumentsToolUI.tsx
index 21128322..5915d203 100644
--- a/frontend/app/components/SelectedDocumentsToolUI.tsx
+++ b/frontend/app/components/SelectedDocumentsToolUI.tsx
@@ -39,9 +39,23 @@ export const useSelectedDocumentsUI = () =>
         return null;
       }
 
-      const documents = input.args.documents as Document[];
-      const displayedDocuments = documents.slice(0, 3);
-      const remainingDocuments = documents.slice(3);
+      // Filter out duplicate documents
+      const uniqueDocuments = (input.args.documents as Document[]).reduce(
+        (acc, current) => {
+          const x = acc.find(
+            (item) => item.page_content === current.page_content,
+          );
+          if (!x) {
+            return acc.concat([current]);
+          } else {
+            return acc;
+          }
+        },
+        [] as Document[],
+      );
+
+      const displayedDocuments = uniqueDocuments.slice(0, 3);
+      const remainingDocuments = uniqueDocuments.slice(3);
 
       return (
         <div className="flex flex-col mb-4">
@@ -73,7 +87,7 @@ export const useSelectedDocumentsUI = () =>
                       All Selected Documents
                     </h2>
                     <div className="flex flex-wrap gap-2">
-                      {documents.map((document, docIndex) => (
+                      {uniqueDocuments.map((document, docIndex) => (
                         <DocumentDialog
                           key={`all-documents-${docIndex}`}
                           document={document}