diff --git a/backstop_data/bitmaps_reference/ds-vr-test__components_header_example-header-with-search-button_0_document_2_mobile.png b/backstop_data/bitmaps_reference/ds-vr-test__components_header_example-header-with-search-button_0_document_2_mobile.png
index 31d42aeb52..542b6f44a9 100644
--- a/backstop_data/bitmaps_reference/ds-vr-test__components_header_example-header-with-search-button_0_document_2_mobile.png
+++ b/backstop_data/bitmaps_reference/ds-vr-test__components_header_example-header-with-search-button_0_document_2_mobile.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:cb54e407e52ec6bc3519f36e9019f211e5c290b62f547d14ef6122c19d66b539
-size 5964
+oid sha256:5b0723bb0dd93d179078d007a64aedc4f3a6072215e4fac32e298753984150f7
+size 5983
diff --git a/src/components/header/_macro.njk b/src/components/header/_macro.njk
index 2434338c63..fb003b55a7 100644
--- a/src/components/header/_macro.njk
+++ b/src/components/header/_macro.njk
@@ -268,15 +268,20 @@
                             <h2 class="ons-u-fs-s--b ons-u-mb-s ons-header-nav-search__heading">Popular Searches</h2>
                             <ul class="ons-list ons-list--bare ons-list--inline">
                                 {% for item in params.searchLinks.popularSearches %}
-                                    <li class="ons-list__item">
-                                        {% if item.text %}
-                                            {% if item.url %}
-                                                <a href="{{ item.url }}" class="ons-u-fs-s ons-header-nav-search__text">{{ item.text }} </a>
-                                            {% else %}
-                                                <p class="ons-u-fs-s ons-header-nav-search__text">{{ item.text }}</p>
+                                    {# Limiting the popular searches to 5 #}
+                                    {% if loop.index <= 5 %}
+                                        <li class="ons-list__item">
+                                            {% if item.text %}
+                                                {% if item.url %}
+                                                    <a href="{{ item.url }}" class="ons-u-fs-s ons-header-nav-search__text"
+                                                        >{{ item.text }}
+                                                    </a>
+                                                {% else %}
+                                                    <p class="ons-u-fs-s ons-header-nav-search__text">{{ item.text }}</p>
+                                                {% endif %}
                                             {% endif %}
-                                        {% endif %}
-                                    </li>
+                                        </li>
+                                    {% endif %}
                                 {% endfor %}
                             </ul>
                         </div>
diff --git a/src/components/header/example-header-with-search-button.njk b/src/components/header/example-header-with-search-button.njk
index b3e7f01011..d8437f8626 100644
--- a/src/components/header/example-header-with-search-button.njk
+++ b/src/components/header/example-header-with-search-button.njk
@@ -33,7 +33,8 @@
                         "url": '#0',
                         "text": 'Wellbeing',
                         "external": true
-                    },{
+                    },
+                    {
                         "url": '#0',
                         "text": 'Baby names',
                         "external": true