diff --git a/template/report3.css b/template/report3.css
index 2a815bc..fa9f15e 100644
--- a/template/report3.css
+++ b/template/report3.css
@@ -8299,7 +8299,7 @@ span {
     background: -o-linear-gradient(top, #ebebeb, #d5d5d5);
     background: linear-gradient(top, #ebebeb, #d5d5d5);
     color: #4d494d;
-    font-size: 11pt;
+    font-size: calc(13px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
     line-height: 24px;
     text-align: center;
     width: 100%;
@@ -8399,11 +8399,11 @@ span {
     padding-right: 10px;
     padding-top: 3px;
     background: #999;
-    font-size: 12pt;
-    line-height: 16px;
+    font-size: 14pt;
+    line-height: 24px;
     margin: 6px;
-    height: 16px;
-    border: 1px solid #14ae46;
+    height: 24px;
+    border: 1px solid #458b5c;
 
 }
 
diff --git a/template/report3.html b/template/report3.html
index d66fc45..22cf628 100644
--- a/template/report3.html
+++ b/template/report3.html
@@ -160,8 +160,7 @@ <h2 class="mdl-card__title-text">Test {{$resultType}} ({{ len $results }}/{{ $.T
                                 </div>
                                 <div>
                                 <div class="mdl-grid ">
-                                    <input size="30" id="{{$resultType}}searchbox{{$i}}" class="search_box" type="text" placeholder="🔍 search... ">
-
+                                <input size="26" id="{{$resultType}}searchbox{{$i}}" class="search_box" type="text" placeholder="🔍 search... ">
                                 </div>
                                 <div id="{{$resultType}}testcontent{{ $i }}" class="content">
                                             {{range $r.Events}}