diff --git a/src/App/App.css b/src/App/App.css
index 66b71541621ed5dcda6e7265a472309a08445c87..33cfbac9c7710c4c1a31c53bdc6b6300e1b7ec82 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -3916,4 +3916,9 @@ height: min-content !important;
   margin-right: calc(-.5 * var(--bs-gutter-x));
   margin-left: calc(-.5 * var(--bs-gutter-x));
   width: 100% !important;
-}
\ No newline at end of file
+}
+
+.steckbrief .col-2, .steckbriefbuttonrow .col-2{
+  margin: 10px 15px ;
+}
+
diff --git a/src/contents/team.tsx b/src/contents/team.tsx
index 7c4b16983db8edbc7cefda3febd0637219a54991..87ed6412ea4b8cf803633a836ecb3a9d6b617459 100644
--- a/src/contents/team.tsx
+++ b/src/contents/team.tsx
@@ -131,7 +131,7 @@ function createSteckbriefe(data: Array<SteckbriefInterface>){
                 <div className="col-4 brieffacts">
                   <br/><br/>  {funfactlist} {facts} 
                 </div>                   
-                </div> <div className="row" style={{marginTop: "1rem", marginBottom: "1rem"}}> <div className="col-2"> {frontbutton} {backbutton}</div>  <div className="col"><details className={frontbriefclass} ><summary> <b>Personal motivation and challenges</b> </summary><div> {details}</div></details></div>                                                                                                                                                        </div> 
+                </div> <div className="row steckbriefbuttonrow" style={{marginTop: "1rem", marginBottom: "1rem"}}> <div className="col-2"> {frontbutton} {backbutton}</div>  <div className="col"><details className={frontbriefclass} ><summary> <b>Personal motivation and challenges</b> </summary><div> {details}</div></details></div>                                                                                                                                                        </div> 
             </div>
     let whole = <div  className={"steckbrief-box"} id={thename}> {hole} </div>; 
     briefe.push(whole); 
@@ -226,7 +226,7 @@ function createPiSteckbriefe(data: Array<SteckbriefInterface>){
                 <div className="col-4 brieffacts">
                   <br/><br/>  {funfactlist} {facts} 
                 </div>                   
-                </div> <div className="row" style={{marginTop: "1rem", marginBottom: "1rem"}}> <div className="col-2"> {frontbutton} {backbutton}</div>  <div className="col"><details className={frontbriefclass} ><summary> <b>Personal motivation and challenges</b> </summary><div> {details}</div></details></div>                                                                                                                                                        </div> 
+                </div> <div className="row steckbriefbuttonrow" style={{marginTop: "1rem", marginBottom: "1rem"}}> <div className="col-2"> {frontbutton} {backbutton}</div>  <div className="col"><details className={frontbriefclass} ><summary> <b>Personal motivation and challenges</b> </summary><div> {details}</div></details></div>                                                                                                                                                        </div> 
             </div>
     let whole = <div  className={"steckbrief-box"} id={thename}> {hole} </div>; 
     briefe.push(whole);