diff --git a/src/layouts/_common/account-popover/account-popover-button.tsx b/src/layouts/_common/account-popover/account-popover-button.tsx
index 23d1c17c..d724cb41 100644
--- a/src/layouts/_common/account-popover/account-popover-button.tsx
+++ b/src/layouts/_common/account-popover/account-popover-button.tsx
@@ -36,7 +36,7 @@ interface AccountPopoverButtonProps {
 export function AccountPopoverButton({
                                        popover,
                                        onOpenLoginModal,
-                                     }: AccountPopoverButtonProps) {
+                                     }: Readonly<AccountPopoverButtonProps>) {
   const sessionData = useSelector((state: any) => state.auth.session);
   const isAuthenticated = Boolean(sessionData?.authenticated);
   const isUpdatingMetadata: boolean = useSelector((state: any) => state.auth.isUpdatingMetadata);
diff --git a/src/layouts/_common/account-popover/account-popover-menu.tsx b/src/layouts/_common/account-popover/account-popover-menu.tsx
index 02e35784..a71479f9 100644
--- a/src/layouts/_common/account-popover/account-popover-menu.tsx
+++ b/src/layouts/_common/account-popover/account-popover-menu.tsx
@@ -45,7 +45,7 @@ const OPTIONS = [
  *  - Profile link(s)
  *  - Logout
  */
-export function AccountPopoverMenu({ popover, router }: AccountPopoverMenuProps) {
+export function AccountPopoverMenu({ popover, router }: Readonly<AccountPopoverMenuProps>) {
   const sessionData = useSelector((state: any) => state.auth.session);
   const isAuthenticated = Boolean(sessionData?.authenticated);
   // Redux states: login modal open and session loading status