diff --git a/frontend/src/app/main/ui/ds/foundations/assets/icon.stories.jsx b/frontend/src/app/main/ui/ds/foundations/assets/icon.stories.jsx
index ad375f8d0..a1b9833a8 100644
--- a/frontend/src/app/main/ui/ds/foundations/assets/icon.stories.jsx
+++ b/frontend/src/app/main/ui/ds/foundations/assets/icon.stories.jsx
@@ -9,7 +9,7 @@ export default {
   title: "Foundations/Assets/Icon",
   component: Components.Icon,
   argTypes: {
-    id: {
+    iconId: {
       options: icons,
       control: { type: "select" },
     },
@@ -37,10 +37,10 @@ export const All = {
               gap: "0.5rem",
             }}
           >
-            <Icon id={iconId} size={size} />
+            <Icon iconId={iconId} size={size} />
             <code
               style={{
-                "font-family": "monospace",
+                fontFamily: "monospace",
                 color: "var(--color-foreground-secondary)",
               }}
             >
@@ -55,14 +55,14 @@ export const All = {
     size: "m",
   },
   parameters: {
-    controls: { exclude: ["id", "size"] },
+    controls: { exclude: ["iconId", "size"] },
     backgrounds: { disable: true },
   },
 };
 
 export const Default = {
   args: {
-    id: "pin",
+    iconId: "pin",
   },
   parameters: {
     controls: { exclude: ["size"] },
@@ -71,7 +71,7 @@ export const Default = {
 
 export const CustomSize = {
   args: {
-    id: "pin",
+    iconId: "pin",
     size: "m",
   },
 };
diff --git a/frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.stories.jsx b/frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.stories.jsx
index 84cce010c..529c304d5 100644
--- a/frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.stories.jsx
+++ b/frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.stories.jsx
@@ -8,7 +8,7 @@ export default {
   title: "Foundations/Utilities/TokenStatus",
   component: TokenStatusIcon,
   argTypes: {
-    id: {
+    iconId: {
       options: tokenStatus,
       control: { type: "select" },
     },
@@ -18,6 +18,6 @@ export default {
 
 export const Default = {
   args: {
-    id: "token-status-full",
+    iconId: "token-status-full",
   },
 };