diff --git a/site/src/routes/package/[name]/(package).tsx b/site/src/routes/package/[name]/(package).tsx
index 663f644b0..3721d09d6 100644
--- a/site/src/routes/package/[name]/(package).tsx
+++ b/site/src/routes/package/[name]/(package).tsx
@@ -40,7 +40,7 @@ const Page: Component = () => {
       return cachedData()?.primitives ?? dataResource()?.primitives;
     },
     get stage() {
-      return cachedData()?.stage ?? dataResource()?.stage;
+      return cachedData()?.primitive?.stage ?? dataResource()?.primitive?.stage;
     },
     get readme() {
       return dataResource()?.readme;
@@ -65,7 +65,7 @@ const Page: Component = () => {
         style={{ "padding-top": `${PRIMITIVE_PAGE_PADDING_TOP}px` }}
       >
         <div class="bg-page-main-bg rounded-3xl p-3 sm:p-8">
-          <div class="mb-[90px] flex items-center justify-between gap-[30px] text-[#232324] dark:text-white sm:gap-[100px]">
+          <div class="mb-[90px] flex items-center justify-between gap-[30px] text-[#232324] sm:gap-[100px] dark:text-white">
             <Heading name={data.name} formattedName={formattedName()} />
           </div>