diff --git a/src/main/scala/code/snippet/ApiExplorer.scala b/src/main/scala/code/snippet/ApiExplorer.scala
index b07f752c..bb31b1da 100644
--- a/src/main/scala/code/snippet/ApiExplorer.scala
+++ b/src/main/scala/code/snippet/ApiExplorer.scala
@@ -704,12 +704,12 @@ class ApiExplorer extends Loggable {
     "#api_home_link [href]" #> s"$baseUrl" &
     "@views_box [style]" #> s"display: $displayViews;" &
     ".info-box__about_selected *" #> s"$catalogDescription" &
-    ".index_of_api_calls" #> resources.map { i =>
+    ".api_call_index" #> resources.map { i =>
       // append the anchor to the current url. Maybe need to set the catalogue to all etc else another user might not find if the link is sent to them.
-      ".end-point-anchor [href]" #> s"#${i.id}" &
-        ".index__headline *" #> i.summary &
-        ".index__headline [id]" #> s"index_of_${i.id}" & // id for the anchor to find
-        ".content-box__available-since *" #> s"Implmented in ${i.implementedBy.version} by ${i.implementedBy.function}"
+      ".api_call_index_link [href]" #> s"#${i.id}" &
+        ".api_call_index_link *" #> i.summary &
+        ".api_call_index_link [id]" #> s"index_of_${i.id}"
+       // ".content-box__available-since *" #> s"Implmented in ${i.implementedBy.version} by ${i.implementedBy.function}"
     } &
       // replace the node identified by the class "resource" with the following
       // This creates the list of resources in the DOM
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
index 6d5c6ff4..97c12009 100644
--- a/src/main/webapp/index.html
+++ b/src/main/webapp/index.html
@@ -146,23 +146,18 @@
 
 
 
+<ul>
+        <li class="api_call_index">
 
-        <div class="index_of_api_calls">
 
-            <section class="index-section">
-                <div class="index-container">
-                    <div class="content-box bg--white">
-                        <a class="end-point-anchor" href="./#anchor">
+                        <a class="api_call_index_link" href="./#anchor">
                             <h2 id="index_anchor" class="index__headline">The root of the API</h2>
                         </a>
-                    </div>
-                    <div class="content-box__available-since"></div>
-                </div>
-            </section>
 
 
-        </div>
 
+        </li>
+</ul>
 
 
 
diff --git a/src/main/webapp/media/css/style.css b/src/main/webapp/media/css/style.css
index 12b5e701..88abf06f 100644
--- a/src/main/webapp/media/css/style.css
+++ b/src/main/webapp/media/css/style.css
@@ -372,6 +372,18 @@ a img {
   text-decoration: none;
 }
 
+
+.api_call_index {
+  margin: 0 0 0px 0;
+  font-size: 10px;
+  line-height: 33px;
+  color: #24bc65;
+  font-weight: 400;
+  padding: 0px 0 0 0;
+  letter-spacing: 0.8px;
+}
+
+
 .default-input {
   margin: 2px 0 0 2px;
   padding: 13px 108px 9px 20px;