diff --git a/components/marketplace/buy-button.tsx b/components/marketplace/buy-button.tsx
index 16df841a..371f5ffb 100644
--- a/components/marketplace/buy-button.tsx
+++ b/components/marketplace/buy-button.tsx
@@ -7,6 +7,8 @@ export function BuyButton() {
     const listingsSection = document.getElementById("marketplace-listings");
     if (listingsSection) {
       listingsSection.scrollIntoView({ behavior: "smooth" });
+    } else {
+      console.error("Marketplace listings section not found");
     }
   };
 
diff --git a/components/marketplace/hypercert-listings.tsx b/components/marketplace/hypercert-listings.tsx
index 68569b66..96358b10 100644
--- a/components/marketplace/hypercert-listings.tsx
+++ b/components/marketplace/hypercert-listings.tsx
@@ -11,11 +11,11 @@ import NestedPagination from "../nested-pagination";
 import HypercertListingsTable from "./hypercert-listings-table";
 
 function ListingsListNoResults() {
-  return "No listings found";
+  return <InfoSection>We couldn&apos;t find any listings...</InfoSection>;
 }
 
 function ListingsListLoadError() {
-  return <InfoSection>We couldn&apos;t find any listings...</InfoSection>;
+  return <InfoSection>Error loading listings...</InfoSection>;
 }
 
 const getListingsData = cache(async (params: GetAllListingsParams) => {
@@ -59,7 +59,7 @@ export default async function HypercertListings({
   }
 
   return (
-    <div className="w-full">
+    <div id="marketplace-listings" className="w-full">
       <Suspense fallback={<PageSkeleton />}>
         <HypercertListingsTable
           orders={orders.data}