diff --git a/benchmark/scripts/templates/base.html b/benchmark/scripts/templates/base.html
index 1a4ce78..78c82d6 100644
--- a/benchmark/scripts/templates/base.html
+++ b/benchmark/scripts/templates/base.html
@@ -1,43 +1,57 @@
 <!DOCTYPE html>
 <html>
-    <head>
-        <title>{{ title }}</title>
-        {% if framework == "bootstrap" %}
-            <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
-                integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
-            <link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
-            <style>
-                body {
-                    font-family: Courier;
-                }
-                #file-table tbody tr.selected td{
-                    background-color: #0dcaf0;
-                    color:white;
-                    }
-                #report-table tbody tr.selected td{
-                    background-color: #0dcaf0;
-                    color:white;
-                    }
+  <head>
+    <title>{{ title }}</title>
+    {% if framework == "bootstrap" %}
+        <link
+        href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"
+        rel="stylesheet"
+        integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ"
+        crossorigin="anonymous"
+        />
+        <style>
+        body {
+            font-family: Courier;
+        }
+        #file-table tbody tr.selected td {
+            background-color: #0dcaf0;
+            color: white;
+        }
+        #report-table tbody tr.selected td {
+            background-color: #0dcaf0;
+            color: white;
+        }
         </style>
-        {% else %}
-            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css">
-            <link rel="stylesheet" href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css">
-            <style>
-                body {
-                    font-family: Courier;
-                }
+    {% else %}
+        <link
+        rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css"
+        />
+        <style>
+        body {
+            font-family: Courier;
+        }
 
-                .tag {
-                    cursor: pointer;
-                }
+        .tag {
+            cursor: pointer;
+        }
         </style>
-        {% endif %}
-    </head>
-    <body>
-        {% block content %}
-        {% endblock %}
-    </body>
-    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-    {% block jscript %}
-    {% endblock %}
-</html>
\ No newline at end of file
+    {% endif %}
+    <link
+      rel="stylesheet"
+      href="https://cdn.datatables.net/1.10.25/css/jquery.dataTables.min.css"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/7.1.96/css/materialdesignicons.css"
+      integrity="sha512-lD1LHcZ8tFHvMFNeo6qOLY/HjzSPCasPJOAoir22byDxlZI1R71S5lZel8zRL2TZ+Dut1wOHfYgSU2lHXuL00w=="
+      crossorigin="anonymous"
+      referrerpolicy="no-referrer"
+    />
+  </head>
+  <body>
+    {% block content %} {% endblock %}
+  </body>
+  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+  {% block jscript %} {% endblock %}
+</html>
diff --git a/benchmark/scripts/templates/partials/table_report_bootstrap.html b/benchmark/scripts/templates/partials/table_report_bootstrap.html
index 12b6afb..5a61252 100644
--- a/benchmark/scripts/templates/partials/table_report_bootstrap.html
+++ b/benchmark/scripts/templates/partials/table_report_bootstrap.html
@@ -80,7 +80,7 @@
             </b></h7>
             <h7>Number of files: {{ data.results | length }}</h7>
             <div>
-              <input type="button", class="{{ button }}", value="Excel", onclick="excelFile()">
+              <button class="{{ button }}" onclick="excelFile()"><i class="mdi mdi-file-excel"></i> Excel</button>
             </div>
         </div>
     </section>
diff --git a/benchmark/scripts/templates/partials/table_report_bulma.html b/benchmark/scripts/templates/partials/table_report_bulma.html
index cd72099..913e315 100644
--- a/benchmark/scripts/templates/partials/table_report_bulma.html
+++ b/benchmark/scripts/templates/partials/table_report_bulma.html
@@ -86,7 +86,7 @@
             </b></h2>
             <h2>Number of files: {{ data.results | length }}</h2>
             <div>
-              <input type="button", class="{{ button }}", value="Excel", onclick="excelFile()">
+              <button class="{{ button }}" onclick="excelFile()"><i class="mdi mdi-file-excel"></i> Excel</button>
             </div>
         </div>
     </section>
diff --git a/benchmark/scripts/templates/partials/table_select_design.html b/benchmark/scripts/templates/partials/table_select_design.html
index 70eb31f..824c7df 100644
--- a/benchmark/scripts/templates/partials/table_select_design.html
+++ b/benchmark/scripts/templates/partials/table_select_design.html
@@ -2,8 +2,12 @@
     <h1 class="{{ h1_class }}"><b>Benchmark Results</b></h1>
     <div class="{{ level }}">
         <div class="{{ frbutton_position }}">
-        <button class="{{ button_class }}" onclick="location.href='/config/{{ candidate }}'">Use {{ candidate
-            }}</button>
+            <button class="{{ button_class }}" onclick="location.href='/config/{{ candidate }}'">Use {{ candidate
+                }}</button>
+            
+        </div>
+        <div class="{{ level }}">
+            <button class="{{ button_class }}" onclick="excel()"><i class="mdi mdi-file-excel"></i> Excel</button>
         </div>
         {% if config.compare %}
             <div class={{ frtag_position }}>
@@ -12,5 +16,4 @@
         {% endif %}
     </div>
     {% include "partials/table_select.html" %}
-    <input type="button" class="{{ button_class }}" onclick="excel()" value="Excel">
 </div>
\ No newline at end of file
diff --git a/benchmark/scripts/templates/select.html b/benchmark/scripts/templates/select.html
index 12cd42f..e4497af 100644
--- a/benchmark/scripts/templates/select.html
+++ b/benchmark/scripts/templates/select.html
@@ -7,7 +7,7 @@
   {% set button_pre = '<button class="btn btn-primary btn-sm"
                           style="--bs-btn-padding-y: .25rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size: .75rem;"
                           onclick="showFile(\''%}
-  {% set button_post =  '\')">View</button>' %}
+  {% set button_post =  '\')"><i class="mdi mdi-eye"></i></button>' %}
   {% set selected = "selected" %}
   {% set tag_class = "badge bg-primary bg-small" %}
   {% set frbutton_position = "float-left" %}
@@ -20,9 +20,11 @@
   {% set h1_class = "title is-1 has-text-centered" %}
   {% set table_class = "table is-striped is-hoverable cell-border is-bordered" %}
   {% set button_pre = '<span class="tag is-link is-normal" type="button" onclick="showFile(\'' %}
-  {% set button_post = '\')">View</span>' %}
+  {% set button_post = '\')"><i class="mdi mdi-eye"></i></span>' %}
   {% set selected = "is-selected" %}
   {% set align_right = "text-end" %}
+  {% set level = "level" %}
+  {% set tag_class = "tag is-primary is-small" %}
   {% set container = "container is-fluid" %}
 {% endif %}
 {% block content %}
@@ -39,3 +41,5 @@
     {% include "partials/js_select.js" %}
   </script>
 {% endblock %}
+
+  
\ No newline at end of file
