diff --git a/src/components/CatalogueContent.tsx b/src/components/CatalogueContent.tsx
index c7acfe6..520647d 100644
--- a/src/components/CatalogueContent.tsx
+++ b/src/components/CatalogueContent.tsx
@@ -26,6 +26,7 @@ import JSZip from "jszip";
 import { toast } from "react-hot-toast";
 import { useCourses } from "@/context/courseContext";
 import EmptyState from "./ui/EmptyState";
+import SidebarButton from "./SidebarButton";
 
 const CatalogueContent = () => {
   const router = useRouter();
@@ -417,6 +418,22 @@ const CatalogueContent = () => {
               </button>
             </div>
           </div>
+
+          
+      {/* Select/Deselect/Download All Buttons */}
+      
+      <div className="mb-8 flex w-full items-center justify-end gap-4">
+        <SidebarButton onClick={handleSelectAll}>
+          Select All
+        </SidebarButton>
+        <SidebarButton onClick={handleDeselectAll}>
+          Deselect All
+        </SidebarButton>
+        <SidebarButton onClick={handleDownloadSelected}>
+          Download Selected
+        </SidebarButton>
+      </div>
+
           {relatedSubjects.length > 0 && (
             <div className="mt-3 flex flex-wrap items-center gap-2">
               <span className="mr-2 text-sm font-medium text-gray-500 dark:text-gray-300">
diff --git a/src/components/SideBar.tsx b/src/components/SideBar.tsx
index 0612682..6a1926d 100644
--- a/src/components/SideBar.tsx
+++ b/src/components/SideBar.tsx
@@ -16,9 +16,9 @@ function SideBar({
   filterOptions,
   filtersNotPulled,
   handleApplyFilters,
-  handleSelectAll,
-  handleDeselectAll,
-  handleDownloadSelected: handleDownloadAll,
+  handleSelectAll,      
+  handleDeselectAll,    
+  handleDownloadSelected 
 }: {
   loading: boolean;
   selectedExams: string[];
@@ -41,8 +41,8 @@ function SideBar({
     semester: string[],
     anskey: boolean
   ) => void;
-  handleSelectAll: () => void;
-  handleDeselectAll: () => void;
+  handleSelectAll: () => void;      
+  handleDeselectAll: () => void;    
   handleDownloadSelected: () => void;
 }) {
   const exams =
@@ -146,11 +146,6 @@ function SideBar({
         </SidebarButton>
       </div>
 
-      <div className="flex w-full flex-wrap justify-between gap-2 border-b-2 border-[#36266d] px-[10px] py-4">
-        <SidebarButton onClick={handleSelectAll}>Select All</SidebarButton>
-        <SidebarButton onClick={handleDeselectAll}>Deselect All</SidebarButton>
-        <SidebarButton onClick={handleDownloadAll}>Download Selected</SidebarButton>
-      </div>
 
       {filtersForSidebar.map((section) => (
         <SidebarSection