diff --git a/apps/explorer/src/components/AreaGraph.tsx b/apps/explorer/src/components/AreaGraph.tsx
index a2ba63ebfab..b3ec54e4737 100644
--- a/apps/explorer/src/components/AreaGraph.tsx
+++ b/apps/explorer/src/components/AreaGraph.tsx
@@ -165,7 +165,7 @@ export function AreaGraph<D>({
                     x={(d) => xScale(getX(d))}
                     y={(d) => yScale(getY(d))}
                     stroke={`url(#${lineGradientID})`}
-                    stroke-width="2"
+                    strokeWidth="2"
                 />
                 <AxisBottom
                     left={5}
diff --git a/apps/explorer/src/components/top-packages/TopPackagesTable.tsx b/apps/explorer/src/components/top-packages/TopPackagesTable.tsx
index 8aa84ddbf9c..d2f19a3130c 100644
--- a/apps/explorer/src/components/top-packages/TopPackagesTable.tsx
+++ b/apps/explorer/src/components/top-packages/TopPackagesTable.tsx
@@ -41,8 +41,8 @@ const tableColumns: ColumnDef<MoveCallMetric>[] = [
         },
     },
     {
-        header: 'Function',
-        id: 'function',
+        header: 'Package',
+        id: 'package',
         cell({ row: { original: metric } }) {
             const item = metric[0].package;
             return (
diff --git a/apps/ui-kit/package.json b/apps/ui-kit/package.json
index be4a5df4893..ff323347fea 100644
--- a/apps/ui-kit/package.json
+++ b/apps/ui-kit/package.json
@@ -36,6 +36,7 @@
         "@fontsource/inter": "^5.0.17",
         "@iota/ui-icons": "workspace:*",
         "@radix-ui/react-dialog": "^1.1.1",
+        "@radix-ui/react-visually-hidden": "^1.1.0",
         "classnames": "^2.5.1",
         "lodash.merge": "^4.6.2",
         "react": "^18.3.1",
diff --git a/apps/ui-kit/src/lib/components/organisms/dialog/Dialog.tsx b/apps/ui-kit/src/lib/components/organisms/dialog/Dialog.tsx
index 3fa23fde16a..d36846dc852 100644
--- a/apps/ui-kit/src/lib/components/organisms/dialog/Dialog.tsx
+++ b/apps/ui-kit/src/lib/components/organisms/dialog/Dialog.tsx
@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import * as RadixDialog from '@radix-ui/react-dialog';
+import * as VisuallyHidden from '@radix-ui/react-visually-hidden';
 import cx from 'classnames';
 import * as React from 'react';
 import { Close } from '@iota/ui-icons';
@@ -35,7 +36,7 @@ const DialogContent = React.forwardRef<
         containerId?: string;
         showCloseOnOverlay?: boolean;
     }
->(({ className, containerId, showCloseOnOverlay, ...props }, ref) => {
+>(({ className, containerId, showCloseOnOverlay, children, ...props }, ref) => {
     const [containerElement, setContainerElement] = useState<HTMLElement | undefined>(undefined);
 
     useEffect(() => {
@@ -52,7 +53,13 @@ const DialogContent = React.forwardRef<
                 ref={ref}
                 className="absolute left-1/2 top-1/2 z-[99999] flex max-h-[60vh] w-80 max-w-[85vw] -translate-x-1/2 -translate-y-1/2 flex-col justify-center overflow-hidden rounded-xl bg-primary-100 dark:bg-neutral-6 md:w-96"
                 {...props}
-            />
+            >
+                <VisuallyHidden.Root>
+                    <RadixDialog.Title />
+                    <RadixDialog.Description />
+                </VisuallyHidden.Root>
+                {children}
+            </RadixDialog.Content>
         </RadixDialog.Portal>
     );
 });
@@ -70,16 +77,15 @@ const DialogTitle = React.forwardRef<
 ));
 DialogTitle.displayName = RadixDialog.Title.displayName;
 
-const DialogBody = React.forwardRef<
-    React.ElementRef<typeof RadixDialog.Description>,
-    React.ComponentPropsWithoutRef<typeof RadixDialog.Description>
->((props, ref) => (
-    <RadixDialog.Description
-        ref={ref}
-        className="p-md--rs text-body-sm text-neutral-40 dark:text-neutral-60"
-        {...props}
-    />
-));
-DialogBody.displayName = RadixDialog.Description.displayName;
+const DialogBody = React.forwardRef<React.ElementRef<'div'>, React.ComponentPropsWithoutRef<'div'>>(
+    (props, ref) => (
+        <div
+            ref={ref}
+            className="p-md--rs text-body-sm text-neutral-40 dark:text-neutral-60"
+            {...props}
+        />
+    ),
+);
+DialogBody.displayName = 'DialogBody';
 
 export { Dialog, DialogClose, DialogTrigger, DialogContent, DialogTitle, DialogBody };
diff --git a/apps/wallet/src/ui/app/components/network-selector/index.tsx b/apps/wallet/src/ui/app/components/network-selector/index.tsx
index cf839378de0..b13a846d247 100644
--- a/apps/wallet/src/ui/app/components/network-selector/index.tsx
+++ b/apps/wallet/src/ui/app/components/network-selector/index.tsx
@@ -61,7 +61,7 @@ export function NetworkSelector() {
         <div className="flex w-full flex-col">
             <div>
                 {networks.map(([id, network]) => (
-                    <div className="px-md">
+                    <div className="px-md" key={id}>
                         <RadioButton
                             label={network.name}
                             isChecked={activeNetwork === id}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0a4f42bc1b1..5e09efc0787 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -619,6 +619,9 @@ importers:
       '@radix-ui/react-dialog':
         specifier: ^1.1.1
         version: 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.9)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-visually-hidden':
+        specifier: ^1.1.0
+        version: 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.9)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       classnames:
         specifier: ^2.5.1
         version: 2.5.1
@@ -10074,6 +10077,7 @@ packages:
   eslint@8.57.1:
     resolution: {integrity: sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
 
   espree@10.0.1: