diff --git a/src/contents/Human Practices/Introduction.tsx b/src/contents/Human Practices/Introduction.tsx
index e8b479e725ab6b8c1d0be9636d73520571e6208f..8321f26772f441d18e814e532e6f5ba63320717f 100644
--- a/src/contents/Human Practices/Introduction.tsx	
+++ b/src/contents/Human Practices/Introduction.tsx	
@@ -7,6 +7,7 @@ export function HPIntroduction(){
 
     return(
         <Section title="Introduction" id="Introduction">
+            
             <div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "1vh"}}>
             <div className="col">
                 <ButtonOne openclass="intro-cycletab" text="Our Understanding of HP" open="understanding"></ButtonOne>
@@ -18,6 +19,7 @@ export function HPIntroduction(){
                 <ButtonOne openclass="intro-cycletab" text="Our Target Groups" open="targets"></ButtonOne>
                 </div>
             </div>
+            <br/>
             <div className="col intro-cycletab" id="understanding" style={{display: "block"}}> understanding <LoremMedium/> </div>
             <div className="col intro-cycletab" id="mission" style={{display: "none"}}>mission <LoremMedium/> </div>
             <div className="col intro-cycletab" id="targets" style={{display: "none"}}>targets <LoremMedium/> </div>