diff --git a/ui/pages/onboarding-flow/pin-extension/pin-billboard.js b/ui/pages/onboarding-flow/pin-extension/pin-billboard.js
index 5d1f7c600..f9f6f4682 100644
--- a/ui/pages/onboarding-flow/pin-extension/pin-billboard.js
+++ b/ui/pages/onboarding-flow/pin-extension/pin-billboard.js
@@ -6,7 +6,7 @@ export default function OnboardingPinBillboard() {
 
   return (
     <svg
-      width="799"
+      width="100%"
       height="320"
       viewBox="0 0 799 320"
       fill="none"
diff --git a/ui/pages/onboarding-flow/pin-extension/pin-extension.js b/ui/pages/onboarding-flow/pin-extension/pin-extension.js
index 006a1036e..3fbfd94b3 100644
--- a/ui/pages/onboarding-flow/pin-extension/pin-extension.js
+++ b/ui/pages/onboarding-flow/pin-extension/pin-extension.js
@@ -35,6 +35,7 @@ export default function OnboardingPinExtension() {
         showThumbs={false}
         showStatus={false}
         showArrows={false}
+        onChange={(index) => setSelectedIndex(index)}
       >
         <div>
           <Typography align={TEXT_ALIGN.CENTER}>