diff --git a/content/en/docs/compilation.md b/content/en/docs/compilation.md
index 12e7b438..55449e8c 100644
--- a/content/en/docs/compilation.md
+++ b/content/en/docs/compilation.md
@@ -6,10 +6,12 @@ menu: false
 type: docs
 ---
 
-
 Below is a guide on how to compile Rosenpass yourself, including via the binary files. This can be used to compile Rosenpass for systems not yet fully supported, such as Debian, and provides a more customised experience.
 
 
+{{% blocks/comp-nav %}} 
+
+
 {{< blocks/lead color="secondary" class="title-box" >}}
 ## Compile it yourself
 {{< /blocks/lead >}}
diff --git a/layouts/shortcodes/blocks/comp-nav.html b/layouts/shortcodes/blocks/comp-nav.html
new file mode 100644
index 00000000..e292d844
--- /dev/null
+++ b/layouts/shortcodes/blocks/comp-nav.html
@@ -0,0 +1,4 @@
+<div class="link-collection link-collection-comp">
+	<a class="link-block bg-light text-dark" href="compile-it-yourself">Compile it Yourself</a>
+	<a class="link-block bg-secondary" href="#installation-via-binary-files">Installation via the Binary Files</a>
+</div> 
\ No newline at end of file
diff --git a/static/css/rosenpass.css b/static/css/rosenpass.css
index ee23e5f1..204e0d91 100644
--- a/static/css/rosenpass.css
+++ b/static/css/rosenpass.css
@@ -418,6 +418,8 @@ margin-left: 1rem;
   padding-bottom: 20px;
 }
 
+
+
 .link-block {
   color: #fff;
   padding: 20px 10px;
@@ -435,6 +437,13 @@ margin-left: 1rem;
     column-gap: 2%;
     width: 100%;
   }
+  .link-collection.link-collection-comp {
+    display: grid;
+    grid-template-columns: 45% 45%;
+    column-gap: 2%;
+    width: 100%;
+    justify-content: center;
+    }
 }
 
 /* Contributors Page*/
@@ -559,6 +568,11 @@ align-self: center;
 
 /* documentation -> conference presentations */
 
+.spacer {
+  height: 1rem;
+  display: inline-block;
+}
+
 #presentation-list .card-text{
   display: flex;
   flex-direction: column;