diff --git a/apps/extension/src/App/Accounts/ParentAccounts.tsx b/apps/extension/src/App/Accounts/ParentAccounts.tsx
index ef375f7ad3..b437d43548 100644
--- a/apps/extension/src/App/Accounts/ParentAccounts.tsx
+++ b/apps/extension/src/App/Accounts/ParentAccounts.tsx
@@ -1,5 +1,5 @@
-import { useContext } from "react";
-import { useNavigate } from "react-router-dom";
+import { useContext, useEffect } from "react";
+import { Outlet, useNavigate } from "react-router-dom";
 
 import {
   ActionButton,
@@ -7,7 +7,7 @@ import {
   KeyListItem,
   Stack,
 } from "@namada/components";
-import { DerivedAccount } from "@namada/types";
+import { AccountType, DerivedAccount } from "@namada/types";
 import { ParentAccountsFooter } from "App/Accounts/ParentAccountsFooter";
 import { PageHeader } from "App/Common";
 import routes from "App/routes";
@@ -20,8 +20,37 @@ import { openSetupTab } from "utils";
  */
 export const ParentAccounts = (): JSX.Element => {
   const navigate = useNavigate();
-  const { activeAccountId, parentAccounts, changeActiveAccountId } =
-    useContext(AccountContext);
+  const {
+    activeAccountId,
+    parentAccounts,
+    accounts: allAccounts,
+    changeActiveAccountId,
+  } = useContext(AccountContext);
+
+  // We check which accounts need to be re-imported
+  const accounts = allAccounts
+    .filter(
+      (account) => account.parentId || account.type === AccountType.Ledger
+    )
+    .map((account) => {
+      const outdated =
+        account.type !== AccountType.Ledger &&
+        typeof account.pseudoExtendedKey === "undefined";
+
+      // The only account without a parent is the ledger account
+      const parent =
+        parentAccounts.find((pa) => pa.id === account.parentId) || account;
+
+      return { ...parent, outdated };
+    });
+
+  useEffect(() => {
+    const hasOutdatedAccounts = accounts.some((account) => account.outdated);
+    // If there are outdated accounts, we redirect to the update required page
+    if (hasOutdatedAccounts) {
+      navigate(routes.accountsUpdateRequired());
+    }
+  }, []);
 
   const goToSetupPage = async (): Promise<void> => {
     await openSetupTab();
@@ -44,47 +73,52 @@ export const ParentAccounts = (): JSX.Element => {
   };
 
   return (
-    <Stack
-      gap={GapPatterns.TitleContent}
-      full
-      className="max-h-[calc(100vh-40px)]"
-    >
-      <PageHeader title="Select Account" />
-      <Stack gap={4} className="flex-1 overflow-auto">
-        <nav className="grid items-end grid-cols-[auto_min-content]">
-          <p className="text-white font-medium text-xs">Set default keys</p>
-          <div className="w-26">
-            <ActionButton size="xs" onClick={goToSetupPage}>
-              Add Keys
-            </ActionButton>
-          </div>
-        </nav>
-        <Stack as="ul" gap={3} className="flex-1 overflow-auto">
-          {[...parentAccounts].reverse().map((account, idx) => (
-            <KeyListItem
-              key={`key-listitem-${account.id}`}
-              as="li"
-              alias={account.alias}
-              type={account.type}
-              dropdownPosition={
-                idx > 2 && idx > parentAccounts.length - 4 ? "bottom" : "top"
-              }
-              isMainKey={activeAccountId === account.id}
-              onRename={() => goToRenameAccount(account)}
-              onDelete={() => goToDeletePage(account)}
-              onViewAccount={() => goToViewAccount(account)}
-              onViewRecoveryPhrase={() => goToViewRecoveryPhrase(account)}
-              onSelectAccount={() => {
-                changeActiveAccountId(
-                  account.id,
-                  account.type as ParentAccount
-                );
-              }}
-            />
-          ))}
+    <>
+      <Stack
+        gap={GapPatterns.TitleContent}
+        full
+        className="max-h-[calc(100vh-40px)]"
+      >
+        <PageHeader title="Select Account" />
+        <Stack gap={4} className="flex-1 overflow-auto">
+          <nav className="grid items-end grid-cols-[auto_min-content]">
+            <p className="text-white font-medium text-xs">Set default keys</p>
+            <div className="w-26">
+              <ActionButton size="xs" onClick={goToSetupPage}>
+                Add Keys
+              </ActionButton>
+            </div>
+          </nav>
+          <Stack as="ul" gap={3} className="flex-1 overflow-auto">
+            {[...accounts].reverse().map((account, idx) => (
+              <KeyListItem
+                key={`key-listitem-${account.id}`}
+                as="li"
+                alias={account.alias}
+                type={account.type}
+                outdated={account.outdated}
+                dropdownPosition={
+                  idx > 2 && idx > accounts.length - 4 ? "bottom" : "top"
+                }
+                isMainKey={activeAccountId === account.id}
+                onRename={() => goToRenameAccount(account)}
+                onDelete={() => goToDeletePage(account)}
+                onViewAccount={() => goToViewAccount(account)}
+                onViewRecoveryPhrase={() => goToViewRecoveryPhrase(account)}
+                onSelectAccount={() => {
+                  changeActiveAccountId(
+                    account.id,
+                    account.type as ParentAccount
+                  );
+                }}
+              />
+            ))}
+          </Stack>
+          <ParentAccountsFooter />
         </Stack>
-        <ParentAccountsFooter />
       </Stack>
-    </Stack>
+
+      <Outlet />
+    </>
   );
 };
diff --git a/apps/extension/src/App/Accounts/UpdateRequired.tsx b/apps/extension/src/App/Accounts/UpdateRequired.tsx
new file mode 100644
index 0000000000..d2dbad7dd1
--- /dev/null
+++ b/apps/extension/src/App/Accounts/UpdateRequired.tsx
@@ -0,0 +1,88 @@
+import clsx from "clsx";
+import { IoClose } from "react-icons/io5";
+import { PiWarning } from "react-icons/pi";
+import { useNavigate } from "react-router-dom";
+
+import { Modal, Stack } from "@namada/components";
+import routes from "App/routes";
+import updateRequried from "./assets/update-required.png";
+
+export const UpdateRequired = (): JSX.Element => {
+  const navigate = useNavigate();
+
+  const onCloseModal = (): void => {
+    navigate(routes.viewAccountList());
+  };
+
+  return (
+    <Modal
+      onClose={onCloseModal}
+      className={clsx(
+        "w-full left-auto right-0 top-0 bottom-0 translate-x-0",
+        "translate-y-0 pointer-events-none",
+        "p-5"
+      )}
+    >
+      <div
+        className={clsx(
+          "flex flex-col pointer-events-auto",
+          "w-full h-full",
+          "bg-rblack border rounded-md border-yellow-300 p-3"
+        )}
+      >
+        <header className="relative">
+          <button
+            onClick={onCloseModal}
+            className="absolute right-0 top-3 flex items-center h-full text-2xl text-white hover:text-yellow"
+          >
+            <IoClose />
+          </button>
+        </header>
+        <div className="flex flex-1">
+          <Stack className="px-5">
+            <Stack gap={1}>
+              <img
+                src={updateRequried}
+                alt=""
+                className="w-[108px] self-center mt-2"
+              />
+              <h1 className="text-white text-center text-md">
+                Account update required!
+              </h1>
+            </Stack>
+            <p className="text-yellow text-center">
+              Accounts marked with an exclamation symbol
+              <br />
+              <span className="font-md">
+                (<PiWarning className="inline w-[14px] h-[14px]" />){" "}
+              </span>
+              need to be re-imported to support shielded transfers.*
+            </p>
+            <Stack className="p-5 rounded-md bg-neutral-900 text-white" gap={2}>
+              <h2 className="font-medium">To Re-import your account:</h2>
+              <ol className="list-decimal pl-3 pr-1 space-y-2">
+                <li>
+                  If necessary. Re-copy and note
down your seed phrase / private
+                  key
+                  <br />
+                  <span className="text-yellow">
+                    Accounts CAN NOT be re-imported without the seed phrase
+                  </span>
+                </li>
+                <li>Delete the marked account from 
the keychain</li>
+                <li>
+                  Re-Import the account using your seed phrase / private key
+                </li>
+              </ol>
+            </Stack>
+            <p className="text-yellow text-center leading-3">
+              * Ledger accounts will receive shielded
+              <br /> functions in a separate update in an
+              <br /> upcoming release
+            </p>
+          </Stack>
+        </div>
+      </div>
+    </Modal>
+  );
+};
diff --git a/apps/extension/src/App/Accounts/assets/update-required.png b/apps/extension/src/App/Accounts/assets/update-required.png
new file mode 100644
index 0000000000..c09e49f50f
Binary files /dev/null and b/apps/extension/src/App/Accounts/assets/update-required.png differ
diff --git a/apps/extension/src/App/Accounts/index.ts b/apps/extension/src/App/Accounts/index.ts
index 137fc07868..d9dc4d0400 100644
--- a/apps/extension/src/App/Accounts/index.ts
+++ b/apps/extension/src/App/Accounts/index.ts
@@ -1,4 +1,5 @@
 export * from "./DeleteAccount";
 export * from "./RenameAccount";
+export * from "./UpdateRequired";
 export * from "./ViewAccount";
 export * from "./ViewMnemonic";
diff --git a/apps/extension/src/App/AppContent.tsx b/apps/extension/src/App/AppContent.tsx
index 0aaff8d78a..8db957c8bb 100644
--- a/apps/extension/src/App/AppContent.tsx
+++ b/apps/extension/src/App/AppContent.tsx
@@ -9,6 +9,7 @@ import { openSetupTab } from "utils";
 import {
   DeleteAccount,
   RenameAccount,
+  UpdateRequired,
   ViewAccount,
   ViewMnemonic,
 } from "./Accounts";
@@ -86,10 +87,12 @@ export const AppContent = ({ warnings }: Props): JSX.Element => {
               path={routes.viewAccountMnemonic()}
               element={<ViewMnemonic />}
             />
-            <Route
-              path={routes.viewAccountList()}
-              element={<ParentAccounts />}
-            />
+            <Route path={routes.viewAccountList()} element={<ParentAccounts />}>
+              <Route
+                path={routes.accountsUpdateRequired()}
+                element={<UpdateRequired />}
+              />
+            </Route>
           </>
         )}
       </Routes>
diff --git a/apps/extension/src/App/routes.ts b/apps/extension/src/App/routes.ts
index 7c11ff43b5..5e358630f0 100644
--- a/apps/extension/src/App/routes.ts
+++ b/apps/extension/src/App/routes.ts
@@ -8,6 +8,7 @@ export default {
   network: (): string => `/network`,
   warnings: (): string => `/warnings`,
   viewAccountList: () => `/accounts/view`,
+  accountsUpdateRequired: () => `/accounts/view/update-required`,
   viewAccountMnemonic: (accountId: string = ":accountId") =>
     `/accounts/mnemonic/${accountId}`,
   viewAccount: (accountId: string = ":accountId") =>
diff --git a/apps/extension/src/react-app.env.d.ts b/apps/extension/src/react-app.env.d.ts
new file mode 100644
index 0000000000..49977505d3
--- /dev/null
+++ b/apps/extension/src/react-app.env.d.ts
@@ -0,0 +1 @@
+declare module "*.png";
diff --git a/apps/extension/webpack.config.js b/apps/extension/webpack.config.js
index af267d0673..d7f982e734 100644
--- a/apps/extension/webpack.config.js
+++ b/apps/extension/webpack.config.js
@@ -197,6 +197,14 @@ module.exports = {
           and: [/\.(ts|tsx|md)$/],
         },
       },
+      {
+        test: /\.(png|jpe?g|gif)$/i,
+        use: [
+          {
+            loader: require.resolve("file-loader"),
+          },
+        ],
+      },
     ],
   },
   resolve: {
diff --git a/packages/components/src/KeyListItem.tsx b/packages/components/src/KeyListItem.tsx
index bc0d86f6fe..d03c423c0d 100644
--- a/packages/components/src/KeyListItem.tsx
+++ b/packages/components/src/KeyListItem.tsx
@@ -1,14 +1,16 @@
-import { Checkbox, DropdownMenu } from "@namada/components";
+import { Checkbox, DropdownMenu, Stack } from "@namada/components";
 
 import { AccountType } from "@namada/types";
 import clsx from "clsx";
 import { createElement } from "react";
+import { PiWarning } from "react-icons/pi";
 import { tv } from "tailwind-variants";
 
 type KeyListItemProps = {
   as: keyof React.ReactHTML;
   alias: string;
   type: AccountType;
+  outdated: boolean;
   isMainKey: boolean;
   onRename: () => void;
   onDelete: () => void;
@@ -21,7 +23,7 @@ type KeyListItemProps = {
 const keyListItem = tv({
   base: clsx(
     "flex items-center bg-black rounded-md text-white",
-    "grid text-base font-medium gap-8 grid-cols-[24px_auto_16px] p-5"
+    "grid text-base font-medium gap-8 grid-cols-[24px_1fr_auto] p-5"
   ),
   variants: {
     selected: {
@@ -34,6 +36,7 @@ export const KeyListItem = ({
   alias,
   isMainKey,
   type,
+  outdated,
   onDelete,
   onRename,
   onViewAccount,
@@ -53,37 +56,47 @@ export const KeyListItem = ({
           checked={isMainKey}
         />
       </div>
-      <label className="text-ellipsis overflow-hidden" title={alias}>
+      <label
+        className="text-ellipsis overflow-hidden whitespace-nowrap"
+        title={alias}
+      >
         {alias}
       </label>
-      <DropdownMenu
-        id={alias}
-        align="right"
-        position={dropdownPosition}
-        items={[
-          {
-            label: "Set default account",
-            onClick: !isMainKey ? onSelectAccount : undefined,
-          },
-          {
-            label: "View Keys",
-            onClick: onViewAccount,
-          },
-          {
-            label: "Rename",
-            onClick: onRename,
-          },
-          {
-            label: "Delete",
-            onClick: onDelete,
-          },
-          {
-            label: "View Seed Phrase",
-            onClick:
-              type === AccountType.Mnemonic ? onViewRecoveryPhrase : undefined,
-          },
-        ]}
-      />
+      <Stack direction="horizontal" gap={2} className="items-center">
+        {outdated && (
+          <PiWarning className="inline text-yellow w-[24px] h-[24px]" />
+        )}
+        <DropdownMenu
+          id={alias}
+          align="right"
+          position={dropdownPosition}
+          items={[
+            {
+              label: "Set default account",
+              onClick: !isMainKey ? onSelectAccount : undefined,
+            },
+            {
+              label: "View Keys",
+              onClick: onViewAccount,
+            },
+            {
+              label: "Rename",
+              onClick: onRename,
+            },
+            {
+              label: "Delete",
+              onClick: onDelete,
+            },
+            {
+              label: "View Seed Phrase",
+              onClick:
+                type === AccountType.Mnemonic ?
+                  onViewRecoveryPhrase
+                  : undefined,
+            },
+          ]}
+        />
+      </Stack>
     </>
   );
 };