diff --git a/addons/default/visiosoft/profile-module/resources/assets/css/profile-nav.scss b/addons/default/visiosoft/profile-module/resources/assets/css/profile-nav.scss
index 568efa021..ede9f1436 100644
--- a/addons/default/visiosoft/profile-module/resources/assets/css/profile-nav.scss
+++ b/addons/default/visiosoft/profile-module/resources/assets/css/profile-nav.scss
@@ -3,14 +3,9 @@
   bottom: 10%;
   z-index: 1;
 
-  button {
-    color: rgba(0,0,0,.5);
-    border: 0;
-    padding: .25rem .75rem;
-    font-size: 1.25rem;
-    line-height: 1;
-    background-color: #E91E63;
-    border-radius: .25rem;
+  img {
+    width: 3rem;
+    height: 3rem;
   }
 }
 
@@ -28,13 +23,15 @@
   -webkit-transition: 300ms ease;
   transition: 300ms ease;
   @media only screen and (min-width: 768px) {
-    padding: 1.5rem 2.25rem;
     height: initial;
     position: initial;
     -webkit-transform: initial;
     -ms-transform: initial;
     transform: initial;
   }
+  @media only screen and (min-width: 992px) {
+    padding: 1.5rem 2.25rem;
+  }
 
   &.reveal {
     -webkit-transform: translateX(0%);
diff --git a/addons/default/visiosoft/profile-module/resources/images/nav-menu.svg b/addons/default/visiosoft/profile-module/resources/images/nav-menu.svg
new file mode 100644
index 000000000..4389e33bb
--- /dev/null
+++ b/addons/default/visiosoft/profile-module/resources/images/nav-menu.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="55" height="55" viewBox="0 0 55 55">
+  <g id="Group_3192" data-name="Group 3192" transform="translate(-32 -493)">
+    <circle id="Ellipse_89" data-name="Ellipse 89" cx="27.5" cy="27.5" r="27.5" transform="translate(32 493)" fill="#22547c" opacity="0.73"/>
+    <g id="navbar_mobile_light" transform="translate(24 462.55)">
+      <rect id="rectangle" width="39" height="36" transform="translate(16 40.45)" fill="rgba(0,0,0,0)"/>
+      <rect id="Rectangle_137" data-name="Rectangle 137" width="30" height="3" transform="translate(21 64.45)" fill="#fff"/>
+      <rect id="Rectangle_138" data-name="Rectangle 138" width="30" height="3" transform="translate(21 56.45)" fill="#fff"/>
+      <rect id="Rectangle_139" data-name="Rectangle 139" width="30" height="3" transform="translate(21 48.45)" fill="#fff"/>
+    </g>
+  </g>
+</svg>
diff --git a/addons/default/visiosoft/profile-module/resources/views/profile/partials/navigation.twig b/addons/default/visiosoft/profile-module/resources/views/profile/partials/navigation.twig
index 77a5cb711..8d1d9a576 100644
--- a/addons/default/visiosoft/profile-module/resources/views/profile/partials/navigation.twig
+++ b/addons/default/visiosoft/profile-module/resources/views/profile/partials/navigation.twig
@@ -1,7 +1,6 @@
 <div class="col-12 navbar-dark py-2 d-md-none profile-nav-toggler">
-    <button class="rounded-circle p-2" id="navbarSideButton" type="button">
-        <span class="navbar-toggler-icon"></span>
-    </button>
+    <img src="{{ img('visiosoft.module.profile::images/nav-menu.svg').url }}" alt="nav icon" id="navbarSideButton"
+         class="ml-2">
 </div>
 <div class="col-10 col-sm-6 col-md-3 profile-navigation border rounded navbar-side bg-white" id="navbarSide">
     <a href="{{ url_route('profile::profile') }}" class="px-3 mb-2 link-unstyled">