diff --git a/src/App/App.css b/src/App/App.css
index 3ae088f89ef18d9b901f4e814c2979c61e61b018..dac9ebe17a2219f5e0e17fa93c2cfd8e6f76c4be 100644
--- a/src/App/App.css
+++ b/src/App/App.css
@@ -2433,4 +2433,8 @@ html[dir=rtl] .hint-container.danger .hint-container-title:before {
 .sponsor-container{
   align-items: center !important;
   display: flex !important;
+}
+
+#All {
+  display: block;
 }
\ No newline at end of file
diff --git a/src/components/Buttons.tsx b/src/components/Buttons.tsx
index 8fc348800a01f69ab51bdd50e0f0ab7643de70c3..3816114c19712b800e0c373569db92e98071d046 100644
--- a/src/components/Buttons.tsx
+++ b/src/components/Buttons.tsx
@@ -1,4 +1,5 @@
 import { Link } from "react-router-dom";
+import { openTab } from "../contents";
 
 interface UrlButtonProps{
     href: string,
@@ -71,3 +72,20 @@ return (
 );
 };
   
+
+
+export function HPButtonrow(){
+
+  return(
+      <>
+      <div className="align-items-center bottom-buttons">
+          <button className="active" onClick={openTab({cityName: "All"})}> All</button>
+          <button  onClick={openTab({cityName: "Patient"})}> Patients</button>
+          <button  onClick={openTab({cityName: "Academia"})}> Academia</button>
+          <button  onClick={openTab({cityName: "Medical"})}> Medical professionals</button>
+          <button  onClick={openTab({cityName: "Industry"})}> Industry</button>
+      </div>
+      </>
+  )
+}
+
diff --git a/src/contents/human-practices.tsx b/src/contents/human-practices.tsx
index bd02a61d55dace81f9cf906db3cdc34c4567f565..e3a041202468763b672fa4ff109b3c901ba7103f 100644
--- a/src/contents/human-practices.tsx
+++ b/src/contents/human-practices.tsx
@@ -11,6 +11,7 @@
 import { TimeHori } from "../components/HorizontalTimeline";
 import { AllPopus } from "../components/HorizontalTimeline";
 import { BFHStyleTabs } from "../components/Tabs";
+import { HPButtonrow } from "../components/Buttons";
 
 let tabbys =[
   {
@@ -103,7 +104,7 @@ let tabtabs = [
 ]
 
 export function HumanPractices() {
- 
+  openTab({cityName: "All"}); 
   return (  
     <>
     <HPButtonrow/>
@@ -132,15 +133,3 @@ export function openTab({cityName}:{cityName: string}) {
 }
 
 
-
-export function HPButtonrow(){
-
-    return(
-        <>
-        <div className="row align-items-center bottom-buttons">
-            <button onClick={openTab({cityName: "Patient"})}> Patient</button>
-            <button onClick={openTab({cityName: "All"})}> All</button>
-        </div>
-        </>
-    )
-}
\ No newline at end of file