diff --git a/index.html b/index.html
index 26605e8ea..a309c9327 100644
--- a/index.html
+++ b/index.html
@@ -30,30 +30,35 @@
           <div class="columns is-centered">
             <div class="column is-9">
               <form class="mb-5" @submit.prevent="search()">
-                <div class="field has-addons">
-                  <div class="control is-expanded">
-                    <input
-                      class="input"
-                      type="search"
-                      v-model="query"
-                      placeholder="Search by channel name..."
-                    />
-                  </div>
-                  <div class="control">
-                    <button class="button is-info" type="submit">
-                      <span class="icon is-small is-right">
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          style="width: 1.25rem; height: 1.25rem"
-                          viewBox="0 0 512 512"
-                        >
-                          <path
-                            fill="#ffffff"
-                            d="M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z"
-                          />
-                        </svg>
-                      </span>
-                    </button>
+                <div class="field-body">
+                  <div class="field is-expanded">
+                    <div class="field has-addons">
+                      <div class="control is-expanded">
+                        <input
+                          class="input"
+                          type="search"
+                          v-model="query"
+                          placeholder="Search by channel name..."
+                        />
+                      </div>
+                      <div class="control">
+                        <button class="button is-info" type="submit">
+                          <span class="icon is-small is-right">
+                            <svg
+                              xmlns="http://www.w3.org/2000/svg"
+                              style="width: 1.25rem; height: 1.25rem"
+                              viewBox="0 0 512 512"
+                            >
+                              <path
+                                fill="#ffffff"
+                                d="M456.69 421.39L362.6 327.3a173.81 173.81 0 0034.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 00327.3 362.6l94.09 94.09a25 25 0 0035.3-35.3zM97.92 222.72a124.8 124.8 0 11124.8 124.8 124.95 124.95 0 01-124.8-124.8z"
+                              />
+                            </svg>
+                          </span>
+                        </button>
+                      </div>
+                    </div>
+                    <p v-if="!isLoading" class="help">Found {{ filtered.length.toLocaleString() }} channels</p>
                   </div>
                 </div>
               </form>
@@ -62,7 +67,7 @@
                 <div class="level-item">Loading...</div>
               </div>
 
-              <country-item v-for="item in items" :item="item" :norm-query="normQuery" :reg-query="regQuery"></country-item>
+              <country-item v-for="country in countries" :country="country" :channels="grouped[country.code]" :norm-query="normQuery" :reg-query="regQuery"></country-item>
             </div>
           </div>
         </div>