diff --git a/src/contents/Human Practices/Further Engagement/SupMaterial.tsx b/src/contents/Human Practices/Further Engagement/SupMaterial.tsx
index 4648a1d3c5237d0e0a345d3abcedd37b704bcfe8..41947fec972e5849f80e11cfac32a6587ae3be27 100644
--- a/src/contents/Human Practices/Further Engagement/SupMaterial.tsx	
+++ b/src/contents/Human Practices/Further Engagement/SupMaterial.tsx	
@@ -1,10 +1,18 @@
+import { DownloadLink } from "../../../components/Buttons";
 import { Section } from "../../../components/sections";
 
 export function HPSupplement(){
 
     return(
         <Section title="Supplementary Material" id="Supplementary Material">
-            child
+            <div className="row">
+                <div className="col">
+                <p>Click here to see our raw data of our surverys</p>
+                </div>
+                <div className="col">
+                <DownloadLink url="https://static.igem.wiki/teams/5247/pdfs/raw-data-surveys.pdf"  fileName="raw-data-surveys.pdf"></DownloadLink>
+                </div>
+            </div>
         </Section>
     )
 }
\ No newline at end of file