diff --git a/ui/components/multichain/product-tour-popover/product-tour-popover.js b/ui/components/multichain/product-tour-popover/product-tour-popover.js
index 411821a4da08..eaf5fa73a13b 100644
--- a/ui/components/multichain/product-tour-popover/product-tour-popover.js
+++ b/ui/components/multichain/product-tour-popover/product-tour-popover.js
@@ -110,9 +110,10 @@ export const ProductTour = ({
             paddingTop={2}
             color={TextColor.infoInverse}
             variant={TextVariant.bodyMd}
+            data-testid="multichain-product-tour-menu-popover-step-counter"
           >
             {currentStep && totalSteps
-              ? { currentStep } / { totalSteps }
+              ? `${currentStep} / ${totalSteps}`
               : null}
           </Text>
           <ButtonBase
diff --git a/ui/components/multichain/product-tour-popover/product-tour-popover.test.js b/ui/components/multichain/product-tour-popover/product-tour-popover.test.js
index 4060db554f0c..98a9f67e89a0 100644
--- a/ui/components/multichain/product-tour-popover/product-tour-popover.test.js
+++ b/ui/components/multichain/product-tour-popover/product-tour-popover.test.js
@@ -28,4 +28,16 @@ describe('DetectedTokensBanner', () => {
     );
     expect(prevIcon).toBeInTheDocument();
   });
+  it('should render correct steps', () => {
+    const { getByText } = render(
+      <ProductTour
+        anchorElement={document.body}
+        {...props}
+        prevIcon
+        currentStep={2}
+        totalSteps={5}
+      />,
+    );
+    expect(getByText('2 / 5')).toBeInTheDocument();
+  });
 });