diff --git a/src/components/settings-menu/d-settings-menu.tsx b/src/components/settings-menu/d-settings-menu.tsx
index 5efd65e..1ca2458 100644
--- a/src/components/settings-menu/d-settings-menu.tsx
+++ b/src/components/settings-menu/d-settings-menu.tsx
@@ -16,6 +16,7 @@ export class DSettingsMenu {
   @Prop() version: string;
   @Prop() developedBy: string;
   @Prop() logoutCB: () => void;
+  @Prop() gotoAccountSettings: () => void;
   @Prop() gotoLanguageSettings: () => void;
   @Prop() openAppSettings: () => void;
 
@@ -25,7 +26,7 @@ export class DSettingsMenu {
         <div class="flex flex-col justify-between">
           <div class="flex flex-col gap-4">
             <d-buttons-group>
-              <d-button aria-hidden size="large" disabled>
+              <d-button aria-hidden size="large" onClick={this.gotoAccountSettings}>
                 {this.accountSettings}
                 <d-icon icon="profile" slot="start" outline />
               </d-button>
diff --git a/src/components/settings-menu/test/d-settings-menu.spec.tsx b/src/components/settings-menu/test/d-settings-menu.spec.tsx
index 0304165..15d5b15 100644
--- a/src/components/settings-menu/test/d-settings-menu.spec.tsx
+++ b/src/components/settings-menu/test/d-settings-menu.spec.tsx
@@ -13,7 +13,7 @@ describe('d-settings-menu', () => {
           <div class="flex flex-col justify-between">
            <div class="flex flex-col gap-4">
              <d-buttons-group>
-               <d-button aria-hidden="" disabled="" size="large">
+               <d-button aria-hidden="" size="large">
                  <d-icon icon="profile" outline="" slot="start"></d-icon>
                </d-button>
                <d-button disabled="" href="/" size="large">