diff --git a/web/app/templates/main/dashboard.html.j2 b/web/app/templates/main/dashboard.html.j2
index e07915c0..116b3e02 100644
--- a/web/app/templates/main/dashboard.html.j2
+++ b/web/app/templates/main/dashboard.html.j2
@@ -119,7 +119,6 @@
       <h4>Select a service</h4>
       <div class="row">
         <div class="col s12 m4">
-          <a href="{{ url_for('services.service', service='file-setup') }}" style="color: rgba(0,0,0,0.87);">
             <div class="card-panel center-align hoverable">
               <br>
               <a href="{{ url_for('services.service', service='file-setup') }}" class="btn-floating btn-large file-setup-color darken waves-effect waves-light" style="transform: scale(2);">
@@ -128,24 +127,22 @@
               <p>&nbsp;</p>
               <p class="file-setup-color-text"><b>File setup</b></p>
               <p class="light">Digital copies of text based research data (books, letters, etc.) often comprise various files and formats. nopaque converts and merges those files to facilitate further processing and the application of other services.</p>
+              <a href="{{ url_for('services.service', service='file-setup') }}" class="waves-effect waves-light btn file-setup-color darken">Create Job</a>
             </div>
-          </a>
         </div>
         <div class="col s12 m4">
-          <a href="{{ url_for('services.service', service='ocr') }}" style="color: rgba(0,0,0,0.87);">
             <div class="card-panel center-align hoverable">
               <br>
-              <a class="btn-floating btn-large ocr-color darken waves-effect waves-light" style="transform: scale(2);">
+              <a href="{{ url_for('services.service', service='ocr') }}" class="btn-floating btn-large ocr-color darken waves-effect waves-light" style="transform: scale(2);">
                 <i class="material-icons service" data-service="ocr"></i>
               </a>
               <p>&nbsp;</p>
               <p class="ocr-color-text"><b>Optical Character Recognition</b></p>
               <p class="light">nopaque converts your image data – like photos or scans – into text data through a process called OCR. This step enables you to proceed with further computational analysis of your documents.</p>
+              <a href="{{ url_for('services.service', service='ocr') }}" class="waves-effect waves-light btn ocr-color darken">Create Job</a>
             </div>
-          </a>
         </div>
         <div class="col s12 m4">
-          <a href="{{ url_for('services.service', service='nlp') }}" style="color: rgba(0,0,0,0.87);">
             <div class="card-panel center-align hoverable">
               <br>
               <a href="{{ url_for('services.service', service='nlp') }}" class="btn-floating btn-large nlp-color darken waves-effect waves-light" style="transform: scale(2);">
@@ -154,8 +151,8 @@
               <p>&nbsp;</p>
               <p class="nlp-color-text"><b>Natural Language Processing</b></p>
               <p class="light">By means of computational linguistic data processing (tokenization, lemmatization, part-of-speech tagging and named-entity recognition) nopaque extracts additional information from your text.</p>
+              <a href="{{ url_for('services.service', service='nlp') }}" class="waves-effect waves-light btn nlp-color darken">Create Job</a>
             </div>
-          </a>
         </div>
       </div>
     </div>