diff --git a/frontend/src/pages/Browse.tsx b/frontend/src/pages/Browse.tsx
index 9b3f31c8..c0f12dd6 100644
--- a/frontend/src/pages/Browse.tsx
+++ b/frontend/src/pages/Browse.tsx
@@ -87,22 +87,22 @@ const Browse = () => {
 
         {hasButton && (
           <div className="flex justify-center mt-4">
-              {prevButton && (
-                <button
-                  className="bg-gray-300 dark:bg-gray-700 hover:bg-gray-400 dark:hover:bg-gray-600 text-gray-800 dark:text-gray-300 font-bold py-2 px-4 rounded-l mr-auto"
-                  onClick={() => navigate(`/browse/?page=${pageNumber - 1}`)}
-                >
-                  Previous
-                </button>
-              )}
-              {nextButton && (
-                <button
-                  className="bg-gray-300 dark:bg-gray-700 hover:bg-gray-400 dark:hover:bg-gray-600 text-gray-800 dark:text-gray-300 font-bold py-2 px-4 rounded-r ml-auto"
-                  onClick={() => navigate(`/browse/?page=${pageNumber + 1}`)}
-                >
-                  Next
-                </button>
-              )}
+            {prevButton && (
+              <button
+                className="bg-gray-300 dark:bg-gray-700 hover:bg-gray-400 dark:hover:bg-gray-600 text-gray-800 dark:text-gray-300 font-bold py-2 px-4 rounded-l mr-auto"
+                onClick={() => navigate(`/browse/?page=${pageNumber - 1}`)}
+              >
+                Previous
+              </button>
+            )}
+            {nextButton && (
+              <button
+                className="bg-gray-300 dark:bg-gray-700 hover:bg-gray-400 dark:hover:bg-gray-600 text-gray-800 dark:text-gray-300 font-bold py-2 px-4 rounded-r ml-auto"
+                onClick={() => navigate(`/browse/?page=${pageNumber + 1}`)}
+              >
+                Next
+              </button>
+            )}
           </div>
         )}
       </div>