diff --git a/packages/vue/src/components/MetaPanel/MetaPanel.vue b/packages/vue/src/components/MetaPanel/MetaPanel.vue
index fa95b377..e9f2a694 100644
--- a/packages/vue/src/components/MetaPanel/MetaPanel.vue
+++ b/packages/vue/src/components/MetaPanel/MetaPanel.vue
@@ -84,7 +84,7 @@ interface SortedStandards {
 const sortedStandards = computed((): SortedStandards | undefined => {
   if (standards) {
     const sorted = standards.reduce<SortedStandards>((acc, item) => {
-      const type = item.standard.type
+      const type = item.standard?.type
       // Initialize array for type if it doesn't exist
       if (!acc[type]) {
         acc[type] = []
@@ -164,61 +164,66 @@ const standardsIste = computed(() => {
           </div>
         </div>
         <div
-          v-if="standards"
+          v-if="standards || $slots.metaInfo"
           v-show="metaPanelOpen"
           class="MetaPanel-panel col-start-container lg:col-start-indent-col-2 col-end-bleed lg:grid grid-cols-subgrid bg-gray-light pb-3 lg:pb-6"
         >
           <div
             class="container col-start-container lg:col-start-indent-col-2 col-end-container px-8 lg:px-[3rem] xl:px-[5.8rem]"
           >
-            <div
-              class="pt-6 lg:pt-7"
-              :class="borderClass"
-            >
+            <div :class="borderClass">
+              <div v-if="$slots.metaInfo">
+                <slot name="metaInfo" />
+              </div>
               <div
-                class="text-subtitle mb-5"
-                :class="headingClass"
+                v-if="standards"
+                class="pt-6 lg:pt-7"
               >
-                Standards
-                <span class="sr-only">.</span>
-              </div>
-              <div class="w-full lg:grid grid-cols-2 lg:gap-6 xl:gap-10">
-                <div v-if="standardsEla">
-                  <div class="text-base font-semibold text-gray-dark mb-4">
-                    English Language Arts Standards (CCSS - ELA)
-                  </div>
+                <div
+                  class="text-subtitle mb-5"
+                  :class="headingClass"
+                >
+                  Standards
                   <span class="sr-only">.</span>
-                  <MetaPanelAccordion
-                    :standards="standardsEla"
-                    class="mb-6"
-                  />
                 </div>
-                <div v-if="standardsMath">
-                  <div class="text-base font-semibold text-gray-dark mb-4">
-                    Math Standards (CCSS - Math)
+                <div class="w-full lg:grid grid-cols-2 lg:gap-6 xl:gap-10">
+                  <div v-if="standardsEla">
+                    <div class="text-base font-semibold text-gray-dark mb-4">
+                      English Language Arts Standards (CCSS - ELA)
+                    </div>
+                    <span class="sr-only">.</span>
+                    <MetaPanelAccordion
+                      :standards="standardsEla"
+                      class="mb-6"
+                    />
                   </div>
-                  <span class="sr-only">.</span>
-                  <MetaPanelAccordion
-                    :standards="standardsMath"
-                    class="mb-6"
-                  />
-                </div>
-                <div v-if="standardsNgss">
-                  <div class="text-base font-semibold text-gray-dark mb-4">
-                    Science Standards (NGSS)
+                  <div v-if="standardsMath">
+                    <div class="text-base font-semibold text-gray-dark mb-4">
+                      Math Standards (CCSS - Math)
+                    </div>
+                    <span class="sr-only">.</span>
+                    <MetaPanelAccordion
+                      :standards="standardsMath"
+                      class="mb-6"
+                    />
                   </div>
-                  <span class="sr-only">.</span>
-                  <MetaPanelAccordion
-                    :standards="standardsNgss"
-                    class="mb-6"
-                  />
-                </div>
-                <div v-if="standardsIste">
-                  <div class="text-base font-semibold text-gray-dark mb-4">
-                    Technology Standards (ISTE)
+                  <div v-if="standardsNgss">
+                    <div class="text-base font-semibold text-gray-dark mb-4">
+                      Science Standards (NGSS)
+                    </div>
+                    <span class="sr-only">.</span>
+                    <MetaPanelAccordion
+                      :standards="standardsNgss"
+                      class="mb-6"
+                    />
+                  </div>
+                  <div v-if="standardsIste">
+                    <div class="text-base font-semibold text-gray-dark mb-4">
+                      Technology Standards (ISTE)
+                    </div>
+                    <span class="sr-only">.</span>
+                    <MetaPanelAccordion :standards="standardsIste" />
                   </div>
-                  <span class="sr-only">.</span>
-                  <MetaPanelAccordion :standards="standardsIste" />
                 </div>
               </div>
             </div>
diff --git a/packages/vue/src/templates/edu/PageEduLesson/PageEduLesson.stories.js b/packages/vue/src/templates/edu/PageEduLesson/PageEduLesson.stories.js
index 12acb3bc..8fd29206 100644
--- a/packages/vue/src/templates/edu/PageEduLesson/PageEduLesson.stories.js
+++ b/packages/vue/src/templates/edu/PageEduLesson/PageEduLesson.stories.js
@@ -62,7 +62,7 @@ export const BaseStory = {
 
       studentProject: {
         title: 'Student Project',
-        urlPath: '/path-to-student-project'
+        url: '/path-to-student-project'
       },
 
       primarySubject: {
diff --git a/packages/vue/src/templates/edu/PageEduLesson/PageEduLesson.vue b/packages/vue/src/templates/edu/PageEduLesson/PageEduLesson.vue
index 4be729d7..85d69cfd 100644
--- a/packages/vue/src/templates/edu/PageEduLesson/PageEduLesson.vue
+++ b/packages/vue/src/templates/edu/PageEduLesson/PageEduLesson.vue
@@ -38,7 +38,7 @@ interface PageEduLessonObject extends PageEduResourcesObject {
   [key: string]: any
   studentProject: {
     title: string
-    urlPath: string
+    url: string
   }
   overview: StreamfieldBlockData[]
   overviewHeading: string
@@ -273,7 +273,7 @@ const consolidatedSections = computed((): EduLessonSectionObject[] => {
         :title="data.title"
         :image="data.thumbnailImage?.original"
       />
-      <p
+      <div
         v-if="data.studentProject"
         class="mt-8 font-bold text-body-lg"
       >
@@ -281,11 +281,11 @@ const consolidatedSections = computed((): EduLessonSectionObject[] => {
         <BaseLink
           class="font-normal inline text-action underline hover:text-action-dark cursor-pointer"
           variant="none"
-          :to="data.studentProject.urlPath"
+          :to="data.studentProject.url"
         >
           View the Project Steps
         </BaseLink>
-      </p>
+      </div>
     </LayoutHelper>
     <MetaPanel
       button="View Standards"
diff --git a/packages/vue/src/templates/edu/PageEduLesson/PageEduLessonSection.vue b/packages/vue/src/templates/edu/PageEduLesson/PageEduLessonSection.vue
index 274bf14f..04558a76 100644
--- a/packages/vue/src/templates/edu/PageEduLesson/PageEduLessonSection.vue
+++ b/packages/vue/src/templates/edu/PageEduLesson/PageEduLessonSection.vue
@@ -29,18 +29,14 @@ const props = withDefaults(defineProps<PageEduLessonSectionProps>(), {
 })
 
 const { heading, blocks, image, procedures, text } = reactive(props)
-
-const anchorId = computed(() => {
-  return 'lesson_' + camelCase(heading?.heading)
-})
 </script>
 <template>
   <section
-    :id="anchorId"
     class="PageEduLessonSection"
     :aria-label="heading?.heading"
   >
     <LayoutHelper
+      v-if="heading"
       indent="col-3"
       class="lg:mb-8 mb-5"
     >
diff --git a/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProject.vue b/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProject.vue
index 64cd4cb4..28b8accf 100644
--- a/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProject.vue
+++ b/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProject.vue
@@ -15,6 +15,7 @@ import ShareButtonsEdu from './../../../components/ShareButtonsEdu/ShareButtonsE
 import BlockStreamfield from './../../../components/BlockStreamfield/BlockStreamfield.vue'
 import BlockRelatedLinks from '../../../components/BlockRelatedLinks/BlockRelatedLinks.vue'
 import MetaPanel from '../../../components/MetaPanel/MetaPanel.vue'
+import MetaPanelItems from '../../../components/MetaPanelItems/MetaPanelItems.vue'
 import PageEduStudentProjectSection, {
   type PageEduStudentProjectSectionProps
 } from './PageEduStudentProjectSection.vue'
@@ -235,6 +236,7 @@ const consolidatedSections = computed((): EduStudentProjectSectionObject[] => {
       class="mb-10"
     >
       <DetailHeadline
+        v-if="data.title"
         :title="data.title"
         label="Student Project"
         pill
@@ -247,11 +249,11 @@ const consolidatedSections = computed((): EduStudentProjectSectionObject[] => {
         :title="data.title"
         :image="data.thumbnailImage?.original"
       />
-      <p
-        v-if="data.lesson"
+      <div
+        v-if="data?.lesson?.url"
         class="mt-8 font-bold text-body-lg"
       >
-        Want to teach this?
+        {{ 'Want to teach this?' }}
         <BaseLink
           class="font-normal inline text-action underline hover:text-action-dark cursor-pointer"
           variant="none"
@@ -259,7 +261,7 @@ const consolidatedSections = computed((): EduStudentProjectSectionObject[] => {
         >
           View the Lesson Plan
         </BaseLink>
-      </p>
+      </div>
     </LayoutHelper>
 
     <!-- hero media -->
@@ -285,10 +287,30 @@ const consolidatedSections = computed((): EduStudentProjectSectionObject[] => {
       :primary-subject="data.primarySubject"
       :additional-subjects="data.additionalSubjects"
       :time="data.time"
-      :grade-levels="data.gradeLevels"
       :standards="data.standards"
       :negative-top="heroInline || data?.hero?.length !== 0"
-    />
+    >
+      <template #metaInfo>
+        <div :class="data?.standards ? 'border-b border-gray-light-mid' : ''">
+          <div class="py-6 lg:py-8">
+            <MetaPanelItems :grade-levels="data?.gradeLevels" />
+            <div
+              v-if="data.lesson"
+              class="mt-8 font-bold text-body-s"
+            >
+              Want to teach this?
+              <BaseLink
+                class="font-normal inline text-action underline hover:text-action-dark cursor-pointer"
+                variant="none"
+                :to="data.lesson.url"
+              >
+                View the Lesson Plan
+              </BaseLink>
+            </div>
+          </div>
+        </div>
+      </template>
+    </MetaPanel>
 
     <!-- TODO: put this in a component (exclude layout though) -->
     <LayoutHelper
diff --git a/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProjectSection.vue b/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProjectSection.vue
index 390e3a43..3158c1aa 100644
--- a/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProjectSection.vue
+++ b/packages/vue/src/templates/edu/PageEduStudentProject/PageEduStudentProjectSection.vue
@@ -17,7 +17,7 @@ export interface PageEduStudentProjectSectionProps {
   heading?: BlockHeadingObject
   blocks?: StreamfieldBlockData[]
   steps?: EduStudentProjectStep[]
-  stepsNumbering: boolean
+  stepsNumbering?: boolean
   text?: string
   image?: ImageObject
 }
@@ -32,18 +32,14 @@ const props = withDefaults(defineProps<PageEduStudentProjectSectionProps>(), {
 })
 
 const { heading, blocks, image, steps, stepsNumbering, text } = reactive(props)
-
-const anchorId = computed(() => {
-  return 'lesson_' + camelCase(heading?.heading)
-})
 </script>
 <template>
   <section
-    :id="anchorId"
     class="PageEduStudentProjectSection"
     :aria-label="heading?.heading"
   >
     <LayoutHelper
+      v-if="heading"
       indent="col-3"
       class="lg:mb-8 mb-5"
     >
@@ -86,7 +82,7 @@ const anchorId = computed(() => {
             <!-- split 50/50 -->
             <div class="lg:grid grid-cols-2 gap-6 lg:gap-10">
               <div
-                :class="index % 2 === 1 ? 'order-1' : 'order-2'"
+                :class="index % 2 === 0 ? 'order-1' : 'order-2'"
                 class="mb-6 lg:mb-0"
               >
                 <BaseHeading
@@ -110,7 +106,7 @@ const anchorId = computed(() => {
               </div>
               <HeroInlineMedia
                 :hero-blocks="step.media"
-                :class="index % 2 === 0 ? 'order-1' : 'order-2'"
+                :class="index % 2 === 1 ? 'order-1' : 'order-2'"
                 constrain
               />
             </div>