diff --git a/packages/Webkul/Shop/src/Resources/assets/sass/app.scss b/packages/Webkul/Shop/src/Resources/assets/sass/app.scss
index 470ba1720..5212893a6 100644
--- a/packages/Webkul/Shop/src/Resources/assets/sass/app.scss
+++ b/packages/Webkul/Shop/src/Resources/assets/sass/app.scss
@@ -555,7 +555,6 @@ section.slider-block {
         .nav > li:hover > ul {
             left: auto;
             min-width: 100%;
-
         }
 
         .nav > li li:hover {
diff --git a/packages/Webkul/Shop/src/Resources/assets/sass/icons.scss b/packages/Webkul/Shop/src/Resources/assets/sass/icons.scss
index ba1aa8d3f..c63302cf0 100644
--- a/packages/Webkul/Shop/src/Resources/assets/sass/icons.scss
+++ b/packages/Webkul/Shop/src/Resources/assets/sass/icons.scss
@@ -55,6 +55,18 @@
     height: 24px;
 }
 
+.icon-menu {
+    background-image:URL('../images/icon-menu.svg');
+    width: 24px;
+    height: 24px;
+}
+
+.icon-search {
+    background-image:URL('../images/icon-search.svg');
+    width: 24px;
+    height: 24px;
+}
+
 .icon-menu-back {
     background-image:URL('../images/icon-menu-back.svg');
     width: 24px;
diff --git a/packages/Webkul/Shop/src/Resources/views/layouts/header/index.blade.php b/packages/Webkul/Shop/src/Resources/views/layouts/header/index.blade.php
index b971dbe49..a6bcc9858 100644
--- a/packages/Webkul/Shop/src/Resources/views/layouts/header/index.blade.php
+++ b/packages/Webkul/Shop/src/Resources/views/layouts/header/index.blade.php
@@ -13,7 +13,7 @@
                 <li class="search-group">
                     <input type="search" class="search-field" placeholder="Search for products">
                     <div class="search-icon-wrapper">
-                        <span class="icon search-icon"></span>
+                        <span class="icon icon-search"></span>
                     </div>
                 </li>
             </ul>
@@ -168,7 +168,7 @@
             </ul>
 
             <ul class="right-responsive">
-                <li class="search-box"><span class="icon search-icon" id="search"></span></li>
+                <li class="search-box"><span class="icon icon-search" id="search"></span></li>
                 <ul class="resp-account-dropdown-container">
 
                     <li class="account-dropdown">
@@ -234,7 +234,7 @@
                         @endif
                     </li>
                 </ul>
-                <li class="menu-box" ><span class="icon sortable-icon" id="hammenu"></span></li>
+                <li class="menu-box" ><span class="icon icon-menu" id="hammenu"></span></li>
             </ul>
         </div>
     </div>
@@ -245,13 +245,13 @@
 
     <div class="search-responsive">
         <div class="search-content">
-            <i class="icon search-icon mt-10"></i>
+            <i class="icon icon-search mt-10"></i>
             <input  class="search mt-5">
             <i class="icon icon-menu-back right mt-10"></i>
         </div>
 
         <div class="search-content">
-            <i class="icon search-icon mt-10"></i>
+            <i class="icon icon-search mt-10"></i>
             <span class="suggestion mt-15">Designer sarees</span>
         </div>
     </div>
diff --git a/public/themes/default/assets/css/shop.css b/public/themes/default/assets/css/shop.css
index 84dc4b619..4dc505346 100644
--- a/public/themes/default/assets/css/shop.css
+++ b/public/themes/default/assets/css/shop.css
@@ -55,6 +55,18 @@
   height: 24px;
 }
 
+.icon-menu {
+  background-image: URL("../images/icon-menu.svg");
+  width: 24px;
+  height: 24px;
+}
+
+.icon-search {
+  background-image: URL("../images/icon-search.svg");
+  width: 24px;
+  height: 24px;
+}
+
 .icon-menu-back {
   background-image: URL("../images/icon-menu-back.svg");
   width: 24px;