diff --git a/assets/css/mrl.css b/assets/css/mrl.css
index c091b5e..41c14a8 100755
--- a/assets/css/mrl.css
+++ b/assets/css/mrl.css
@@ -185,6 +185,24 @@
       background-color: #374351;
     }
 
+
+  /*tabellen*********************************************************************************************************/
+  /*Tabel in linktree knop**/
+  .tabel_in_knop  {
+    border-collapse:collapse;
+    border-spacing:0;
+    width:100%;
+    height:100%;
+  }
+  .tabel_in_knop .icon {  
+  font-size:32px;
+  }
+  td:last-child {
+    flex: 1;
+    display:inline-block;
+    /* to keep IE happy */
+  } 
+
   /*specials*********************************************************************************************************/
 
   .logo {
diff --git a/contact.html b/contact.html
index e50fe09..593f9d0 100755
--- a/contact.html
+++ b/contact.html
@@ -96,33 +96,128 @@
           </header>
         </div>
       </section>
-    
       <section id="sectie_pagina_train">
         <div class="container">
           <div id="tekst-midden">
             <h1>Contactgegevens:</h1>
           </div>
             <div class="links-container">
-              <a href="mailto:info@lermer.nl" rel="me" class="mrl-button" target="_blank"></i><i class="fa fa-at fa-lg" aria-hidden="true"></i>  -  E-Mail<br>mathijs@lermer.nl</a>
-              <br>
-              <a href="https://matrix.to/#/@mathijs:lermer.nl" rel="me"class="mrl-button" target="_blank"><i class="fa fa-matrix-org fa-lg" aria-hidden="true"></i>  -  [MARIX]<br>@mathijs:lermer.nl</a>
+              <a href="mailto:info@lermer.nl" rel="me" class="mrl-button" target="_blank"> 
+                <table class="tabel_in_knop">
+                  <colgroup>
+                    <col style="width: 20px">
+                    <col style="width: 100%">
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <td rowspan="2" class="icon"><i class="fa fa-at fa-lg" aria-hidden="true"></i></td>
+                      <td>E-Mail</td>
+                    </tr>
+                    <tr>
+                      <td>mathijs@lermer.nl</td>
+                    </tr>
+                  </thead>
+                </table>
+              </a>
+            </div>
+            <div class="links-container">
+              <a href="https://matrix.to/#/@mathijs:lermer.nl" rel="me" class="mrl-button" target="_blank"> 
+                <table class="tabel_in_knop">
+                  <colgroup>
+                    <col style="width: 20px">
+                    <col style="width: 100%">
+                  </colgroup>
+                  <thead>
+                    <tr>
+                      <td rowspan="2" class="icon"><i class="fa fa-matrix-org fa-lg" aria-hidden="true"></i></td>
+                      <td>[MARIX]</td>
+                    </tr>
+                    <tr>
+                      <td>@mathijs:lermer.nl</td>
+                    </tr>
+                  </thead>
+                </table>
+              </a>
             </div>
 
             <div id="tekst-midden">
               <h1>Sociale media:</h1>
-            </div>
               <div class="links-container">
-                <a href="https://github.com/Mathijs0" rel="me"class="mrl-button" target="_blank"><i class="fa fa-github fa-lg" aria-hidden="true"></i>  -  Github<br>github.com/Mathijs0</a>
-                <br>
-                <a href="https://www.linkedin.com/in/lermer/" rel="me"class="mrl-button" target="_blank"><i class="fa fa-linkedin fa-lg" aria-hidden="true"></i>  -  Linkedin<br>linkedin.com/in/lermer/</a>
-                <br>
-                <a href="https://mastodon.lermer.nl/@mathijs" rel="me" class="mrl-button" target="_blank"><i class="fa fa-mastodon fa-lg" aria-hidden="true"></i>  -  Mastodon<br>@mathijs@lermer.nl </a>
-                <br>
-                <a href="https://twitter.com/MLermer" rel="me" class="mrl-button" target="_blank"><i class="fa fa-twitter fa-lg" aria-hidden="true"></i>  -  Twitter<br>MLermer</a>
-
+                <a href="https://github.com/Mathijs0" rel="me" class="mrl-button" target="_blank"> 
+                  <table class="tabel_in_knop">
+                    <colgroup>
+                      <col style="width: 20px">
+                      <col style="width: 100%">
+                    </colgroup>
+                    <thead>
+                      <tr>
+                        <td rowspan="2" class="icon"><i class="fa fa-github fa-lg" aria-hidden="true"></i></td>
+                        <td>Github</td>
+                      </tr>
+                      <tr>
+                        <td>github.com/Mathijs0</td>
+                      </tr>
+                    </thead>
+                  </table>
+                </a>
+              </div>
+              <div class="links-container">
+                <a href="https://www.linkedin.com/in/lermer/" rel="me" class="mrl-button" target="_blank"> 
+                  <table class="tabel_in_knop">
+                    <colgroup>
+                      <col style="width: 20px">
+                      <col style="width: 100%">
+                    </colgroup>
+                    <thead>
+                      <tr>
+                        <td rowspan="2" class="icon"><i class="fa fa-linkedin fa-lg" aria-hidden="true"></i></td>
+                        <td>Linkedin</td>
+                      </tr>
+                      <tr>
+                        <td>linkedin.com/in/lermer/</td>
+                      </tr>
+                    </thead>
+                  </table>
+                </a>
+              </div>
+              <div class="links-container">
+                <a href="https://mastodon.lermer.nl/@mathijs" rel="me" class="mrl-button" target="_blank"> 
+                  <table class="tabel_in_knop">
+                    <colgroup>
+                      <col style="width: 20px">
+                      <col style="width: 100%">
+                    </colgroup>
+                    <thead>
+                      <tr>
+                        <td rowspan="2" class="icon"><i class="fa fa-mastodon fa-lg" aria-hidden="true"></i></td>
+                        <td>Mastodon</td>
+                      </tr>
+                      <tr>
+                        <td>@mathijs@lermer.nl</td>
+                      </tr>
+                    </thead>
+                  </table>
+                </a>
+              </div>
+              <div class="links-container">
+                <a href="https://twitter.com/MLermer" rel="me" class="mrl-button" target="_blank"> 
+                  <table class="tabel_in_knop">
+                    <colgroup>
+                      <col style="width: 20px">
+                      <col style="width: 100%">
+                    </colgroup>
+                    <thead>
+                      <tr>
+                        <td rowspan="2" class="icon"><i class="fa fa-mastodon fa-lg" aria-hidden="true"></i></td>
+                        <td>Twitter</td>
+                      </tr>
+                      <tr>
+                        <td>MLermer</td>
+                      </tr>
+                    </thead>
+                  </table>
+                </a>
               </div>
-
-
           </div>
         </div>  
       </section>