diff --git a/src/interface/web/app/components/referencePanel/referencePanel.tsx b/src/interface/web/app/components/referencePanel/referencePanel.tsx
index 899f0b5b..785d05d8 100644
--- a/src/interface/web/app/components/referencePanel/referencePanel.tsx
+++ b/src/interface/web/app/components/referencePanel/referencePanel.tsx
@@ -455,6 +455,7 @@ export function TeaserReferencesSection(props: TeaserReferenceSectionProps) {
                     <ReferencePanel
                         notesReferenceCardData={props.notesReferenceCardData}
                         onlineReferenceCardData={props.onlineReferenceCardData}
+                        codeReferenceCardData={props.codeReferenceCardData}
                     />
                 )}
             </div>
@@ -465,6 +466,7 @@ export function TeaserReferencesSection(props: TeaserReferenceSectionProps) {
 interface ReferencePanelDataProps {
     notesReferenceCardData: NotesContextReferenceData[];
     onlineReferenceCardData: OnlineReferenceData[];
+    codeReferenceCardData: CodeReferenceData[];
 }
 
 export default function ReferencePanel(props: ReferencePanelDataProps) {
@@ -502,6 +504,15 @@ export default function ReferencePanel(props: ReferencePanelDataProps) {
                             />
                         );
                     })}
+                    {props.codeReferenceCardData.map((code, index) => {
+                        return (
+                            <CodeContextReferenceCard
+                                showFullContent={true}
+                                {...code}
+                                key={`code-${index}`}
+                            />
+                        );
+                    })}
                 </div>
             </SheetContent>
         </Sheet>