diff --git a/packages/examples/packages/bip32/snap.manifest.json b/packages/examples/packages/bip32/snap.manifest.json
index edf59c6407..02bd6bc20a 100644
--- a/packages/examples/packages/bip32/snap.manifest.json
+++ b/packages/examples/packages/bip32/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "/iHYX1Nmt6RAkF7f6dGcOHK7GGzxhjiWKPz85B9AGAE=",
+    "shasum": "GVN0FD0c4xnr+osY4rjRvF/KSGBgVC2fccbLwzGoFnk=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/bip44/snap.manifest.json b/packages/examples/packages/bip44/snap.manifest.json
index 7e66b8eaaa..e0331f508e 100644
--- a/packages/examples/packages/bip44/snap.manifest.json
+++ b/packages/examples/packages/bip44/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "9sGVcur+9HHb7S6RtXi2CYtGyGfazy4Up5wB4h0RuLs=",
+    "shasum": "j9j34JRDV5P98XgonRGfiqRSntlcaM4P53Z/S1g/XxA=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/browserify-plugin/snap.manifest.json b/packages/examples/packages/browserify-plugin/snap.manifest.json
index 648ba39299..95871122d5 100644
--- a/packages/examples/packages/browserify-plugin/snap.manifest.json
+++ b/packages/examples/packages/browserify-plugin/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "Rbm3Ojr+A+CYpapp0iQd90ZSyIDddc5LHNfjpp+6m00=",
+    "shasum": "AVhrthHcnFfQFZgbhwiIzjbqzRW7HWRiPKHkv+Fu+fA=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/browserify/snap.manifest.json b/packages/examples/packages/browserify/snap.manifest.json
index 082bb3389e..4b593ee0e4 100644
--- a/packages/examples/packages/browserify/snap.manifest.json
+++ b/packages/examples/packages/browserify/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "zsFF4XVvpIjSLdxQl/8LhwjGC24l2mRBtKZuKCV2jD0=",
+    "shasum": "2FquW6bL4OaB6c97+QdgLoVQCBZv22QanqtU+LzmndE=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/client-status/snap.manifest.json b/packages/examples/packages/client-status/snap.manifest.json
index 62dca2923d..d994247a46 100644
--- a/packages/examples/packages/client-status/snap.manifest.json
+++ b/packages/examples/packages/client-status/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "IAkJ3r8AIaUfShFACWI9zzyRPDLyf4PbLEx4WbmVmc8=",
+    "shasum": "935lBT4lhnqdiUEnatcORNsAEjSfMRmMz0HT2KJK6yg=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/cronjobs/snap.manifest.json b/packages/examples/packages/cronjobs/snap.manifest.json
index f520e8ea3f..1e24f7846e 100644
--- a/packages/examples/packages/cronjobs/snap.manifest.json
+++ b/packages/examples/packages/cronjobs/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "wBvHA1GYvp9HmWoYD4ZBMD84hfJRB5hB1qTS+HGaqiE=",
+    "shasum": "Ory0F194oSN15zWAVA5Dyvzpg2LFoWbi0ylfI2qLVz4=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/dialogs/snap.manifest.json b/packages/examples/packages/dialogs/snap.manifest.json
index 1d79c0a4b0..b658eee473 100644
--- a/packages/examples/packages/dialogs/snap.manifest.json
+++ b/packages/examples/packages/dialogs/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "a1X+iXe4VL1J4AZNy0jkHrq0bY/Jnog9QZNdo2DfunA=",
+    "shasum": "4a7IfQp8AuCTx4BLTRow8IfZA0BArTuEb9CT8FLa3zE=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/ethereum-provider/snap.manifest.json b/packages/examples/packages/ethereum-provider/snap.manifest.json
index 4d8c44da76..05cd07850a 100644
--- a/packages/examples/packages/ethereum-provider/snap.manifest.json
+++ b/packages/examples/packages/ethereum-provider/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "0F0H8ZEQ0nLp60tV3h23pEPqEbt3eWfdEVxf2nFyIgo=",
+    "shasum": "25goBURWf+OrQTAgbwpuwN+TH/odY9fTHLDT/64oWvM=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/ethers-js/snap.manifest.json b/packages/examples/packages/ethers-js/snap.manifest.json
index d9ebdcba2e..8f0cef0389 100644
--- a/packages/examples/packages/ethers-js/snap.manifest.json
+++ b/packages/examples/packages/ethers-js/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "iViByV12FW1bFiRXDvQBqpYH60a62WACXh3Z3lL+xlM=",
+    "shasum": "vj40D2zP2bG8E7+ADfp8htEhYGgP1Z+8ThcvjyEoyOk=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/get-entropy/snap.manifest.json b/packages/examples/packages/get-entropy/snap.manifest.json
index 2de6b3d749..d1fbc7f2c8 100644
--- a/packages/examples/packages/get-entropy/snap.manifest.json
+++ b/packages/examples/packages/get-entropy/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "nY2+dap8Mtxzv5Hr9qNbkofQ3NpniVHb++BdfrfZlSQ=",
+    "shasum": "GHUM2ZesXFlhKOPU4mZ4Fty2qRln9aUuqHbVihttUKo=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/get-file/snap.manifest.json b/packages/examples/packages/get-file/snap.manifest.json
index 6cb943677e..df9d4387fd 100644
--- a/packages/examples/packages/get-file/snap.manifest.json
+++ b/packages/examples/packages/get-file/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "x4KFuj9D0sfxdPCjcfjKHswhpZr8EtLTKA9jKeXD4M0=",
+    "shasum": "ExzexStVLaw/chL4NySLzoH0UAHpw8oSmf7PjP/P1fY=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/home-page/snap.manifest.json b/packages/examples/packages/home-page/snap.manifest.json
index 1ad97db2cf..535489d2df 100644
--- a/packages/examples/packages/home-page/snap.manifest.json
+++ b/packages/examples/packages/home-page/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "AmglwjCexdFOeMvg9m1QG/qCO7s0G3k1Wu1D8+5QBlM=",
+    "shasum": "FOe+60S6JcvSTyawpkPqd5ZsPmpqEWY1xG524iMMNKk=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/images/snap.manifest.json b/packages/examples/packages/images/snap.manifest.json
index b649db7b34..075933027b 100644
--- a/packages/examples/packages/images/snap.manifest.json
+++ b/packages/examples/packages/images/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "2riIfMwei7wEIb7WhllO7jFkYGNw/XWGjeUqaB6GyLU=",
+    "shasum": "ehTebDIqhb6jIhvvYnh8x6VLUmu9TmZLwGpWh5CmbMA=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/interactive-ui/snap.manifest.json b/packages/examples/packages/interactive-ui/snap.manifest.json
index 973fd402af..aae83bbae1 100644
--- a/packages/examples/packages/interactive-ui/snap.manifest.json
+++ b/packages/examples/packages/interactive-ui/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "Neb6FMQMVgpVVkDcKSCZxegtcplgebs2yw3uHxT3JCQ=",
+    "shasum": "NaByhc+fxmIG7PPdMjC6gH86rkKftx0/b3cwXc3XliA=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/interactive-ui/src/components/InteractiveForm.tsx b/packages/examples/packages/interactive-ui/src/components/InteractiveForm.tsx
index 2a0e0daec0..4a8780e011 100644
--- a/packages/examples/packages/interactive-ui/src/components/InteractiveForm.tsx
+++ b/packages/examples/packages/interactive-ui/src/components/InteractiveForm.tsx
@@ -7,7 +7,7 @@ import {
   Form,
   Input,
   Dropdown,
-  DropdownOption,
+  Option,
 } from '@metamask/snaps-sdk/jsx';
 
 export const InteractiveForm: SnapComponent = () => {
@@ -20,9 +20,9 @@ export const InteractiveForm: SnapComponent = () => {
         </Field>
         <Field label="Example Dropdown">
           <Dropdown name="example-dropdown">
-            <DropdownOption value="option1">Option 1</DropdownOption>
-            <DropdownOption value="option2">Option 2</DropdownOption>
-            <DropdownOption value="option3">Option 3</DropdownOption>
+            <Option value="option1">Option 1</Option>
+            <Option value="option2">Option 2</Option>
+            <Option value="option3">Option 3</Option>
           </Dropdown>
         </Field>
         <Button type="submit" name="submit">
diff --git a/packages/examples/packages/invoke-snap/packages/consumer-signer/snap.manifest.json b/packages/examples/packages/invoke-snap/packages/consumer-signer/snap.manifest.json
index f162ee3eda..329969c409 100644
--- a/packages/examples/packages/invoke-snap/packages/consumer-signer/snap.manifest.json
+++ b/packages/examples/packages/invoke-snap/packages/consumer-signer/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "1CuOUFqC5G/wgBJDHUBk+xW9ATgBKFsXNtI9D9pO4aY=",
+    "shasum": "dMnmXtz6qjVPnvfPCjLI3jcU/TiR3gN6qhp/y0La5uI=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/invoke-snap/packages/core-signer/snap.manifest.json b/packages/examples/packages/invoke-snap/packages/core-signer/snap.manifest.json
index dc3040ffc9..22a36779b0 100644
--- a/packages/examples/packages/invoke-snap/packages/core-signer/snap.manifest.json
+++ b/packages/examples/packages/invoke-snap/packages/core-signer/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "keNEs4pesk7bKOKVORmA3NGxxNZkt/Ikk+qssCXcNp4=",
+    "shasum": "IR1h1od8fD/rVtnohzFC8zz4XP3S+K/KOYcCR/V4hOU=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/json-rpc/snap.manifest.json b/packages/examples/packages/json-rpc/snap.manifest.json
index 3b29ca34b7..29b741462c 100644
--- a/packages/examples/packages/json-rpc/snap.manifest.json
+++ b/packages/examples/packages/json-rpc/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "+aiomcpwkr8LIVVaFUnHT1c8+30Ym8Fa6bqHa8ek+y0=",
+    "shasum": "Zh19stzSbkk4e0rl3mnZ69x6c1Ij+PEfJ3VGLcY1wEI=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/jsx/snap.manifest.json b/packages/examples/packages/jsx/snap.manifest.json
index 5bf2154de5..2b8316fd74 100644
--- a/packages/examples/packages/jsx/snap.manifest.json
+++ b/packages/examples/packages/jsx/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "MFFLgYGhSJlJ5I8JJsKcXFCI4UFYAbrGf+QNUMhvRGk=",
+    "shasum": "yqVsBhPZiHirCgF8KkdbvA5uMKdP4JsYipRTGFQ4kf8=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/lifecycle-hooks/snap.manifest.json b/packages/examples/packages/lifecycle-hooks/snap.manifest.json
index ab827f420c..1571ab29b2 100644
--- a/packages/examples/packages/lifecycle-hooks/snap.manifest.json
+++ b/packages/examples/packages/lifecycle-hooks/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "VgVXeTn6yQ+gzvq8cSaz7zsBAxZ0xJPXNdTvQt71hVk=",
+    "shasum": "ADZ5fA/qc6b9sLivha59OaZ8Q+/nvm2Br8QI8uTiMFQ=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/localization/snap.manifest.json b/packages/examples/packages/localization/snap.manifest.json
index ed46a13239..8e4cbd49ad 100644
--- a/packages/examples/packages/localization/snap.manifest.json
+++ b/packages/examples/packages/localization/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "X4xkZ6Fea3Z1Ey6+nKyTFYe8oI5f8U0rOCZPIQdtqh8=",
+    "shasum": "K9QSwxnBwkz0Zf2tA8HWhNiuWJp6DGaD8UhgvtVtENE=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/manage-state/snap.manifest.json b/packages/examples/packages/manage-state/snap.manifest.json
index 76712c41e9..c2a229d320 100644
--- a/packages/examples/packages/manage-state/snap.manifest.json
+++ b/packages/examples/packages/manage-state/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "LmoEfrCUiEgeXglgfe6mSbMTJ+I3rm/Xst/YB861DZk=",
+    "shasum": "g/Wi1iKD5OHqHBMHGAZJxx9BXJK3DVpt7401DP5vxiA=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/network-access/snap.manifest.json b/packages/examples/packages/network-access/snap.manifest.json
index cb034a05c1..b3679eef98 100644
--- a/packages/examples/packages/network-access/snap.manifest.json
+++ b/packages/examples/packages/network-access/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "4g1PLSrIvQDDD502ZqO13Nhm7V//Y2V2KVoNR9QZ/l8=",
+    "shasum": "3rJJn2lKBzyAgCn9J3m6XflIryIAT4qMqyhmGIL/tnE=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/notifications/snap.manifest.json b/packages/examples/packages/notifications/snap.manifest.json
index 9635871c76..718189dd2b 100644
--- a/packages/examples/packages/notifications/snap.manifest.json
+++ b/packages/examples/packages/notifications/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "DR/Pwq0vy8L7T39CSGPYUCh8FdwzkcE9HiS0N14hLlQ=",
+    "shasum": "ta+iT3ThiGeJcfTy1DaDq5tOHJ6B7kweRWujb8hQzsc=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/rollup-plugin/snap.manifest.json b/packages/examples/packages/rollup-plugin/snap.manifest.json
index 68d777b8b0..7a130a83c4 100644
--- a/packages/examples/packages/rollup-plugin/snap.manifest.json
+++ b/packages/examples/packages/rollup-plugin/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "txFjaexvEDCIGNF9zsGJzdfQp/iZ8eO0TMJGuEIXwOs=",
+    "shasum": "0cIQp4wDFLHahG8XiwmCcEcQc2ZiY0kBuOV0MBmc9yo=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/signature-insights/snap.manifest.json b/packages/examples/packages/signature-insights/snap.manifest.json
index 51c5bb211f..cafdd10d55 100644
--- a/packages/examples/packages/signature-insights/snap.manifest.json
+++ b/packages/examples/packages/signature-insights/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "WefCdzFcU9XNhTm4NK8o/s4XT/wXyj8RlRM7LA4bwsY=",
+    "shasum": "kSmphocy6yvQmcbeEAdVxF1WEEJw/wQbRyWEgViyYQo=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/transaction-insights/snap.manifest.json b/packages/examples/packages/transaction-insights/snap.manifest.json
index 6ba6a2c66c..5cc2615256 100644
--- a/packages/examples/packages/transaction-insights/snap.manifest.json
+++ b/packages/examples/packages/transaction-insights/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "9xgQHlUd4veKe3luu7M8tVmuHw0ZOIjlQYKOIjN2LuU=",
+    "shasum": "1IdcaOOx96qPQYfTZTRM7brevrP9jpCuxqxaGs0H+Bc=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/wasm/snap.manifest.json b/packages/examples/packages/wasm/snap.manifest.json
index 748f979be5..085602af06 100644
--- a/packages/examples/packages/wasm/snap.manifest.json
+++ b/packages/examples/packages/wasm/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "6Mbq9yf0IbE1to/tUfyDSOXq/37LJVqnYK8uKet0Q3U=",
+    "shasum": "1PbMUDBzJvOO4kM1VIMsnJCXbQT5A3vt9Hh3gboTsyo=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/examples/packages/webpack-plugin/snap.manifest.json b/packages/examples/packages/webpack-plugin/snap.manifest.json
index ee8ef90178..0451f3b5f5 100644
--- a/packages/examples/packages/webpack-plugin/snap.manifest.json
+++ b/packages/examples/packages/webpack-plugin/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/snaps.git"
   },
   "source": {
-    "shasum": "lHZY/AroUklVMhNzJtnn8mesBaNkSpu5PdIue+iBhqw=",
+    "shasum": "Eli9yqWMDpM34s1qfBJ5vjBZfkerVJqJyCvgp1Xsmoo=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",
diff --git a/packages/snaps-controllers/src/interface/utils.test.tsx b/packages/snaps-controllers/src/interface/utils.test.tsx
index fba89a5ed1..f0ee259f5e 100644
--- a/packages/snaps-controllers/src/interface/utils.test.tsx
+++ b/packages/snaps-controllers/src/interface/utils.test.tsx
@@ -2,7 +2,7 @@ import {
   Box,
   Button,
   Dropdown,
-  DropdownOption,
+  Option,
   Field,
   Form,
   Input,
@@ -236,8 +236,8 @@ describe('constructState', () => {
     const element = (
       <Box>
         <Dropdown name="foo" value="option2">
-          <DropdownOption value="option1">Option 1</DropdownOption>
-          <DropdownOption value="option2">Option 2</DropdownOption>
+          <Option value="option1">Option 1</Option>
+          <Option value="option2">Option 2</Option>
         </Dropdown>
       </Box>
     );
@@ -254,8 +254,8 @@ describe('constructState', () => {
         <Form name="form">
           <Field label="foo">
             <Dropdown name="foo" value="option2">
-              <DropdownOption value="option1">Option 1</DropdownOption>
-              <DropdownOption value="option2">Option 2</DropdownOption>
+              <Option value="option1">Option 1</Option>
+              <Option value="option2">Option 2</Option>
             </Dropdown>
           </Field>
         </Form>
diff --git a/packages/snaps-jest/src/internals/request.test.tsx b/packages/snaps-jest/src/internals/request.test.tsx
index 7771e818e1..49abb716ed 100644
--- a/packages/snaps-jest/src/internals/request.test.tsx
+++ b/packages/snaps-jest/src/internals/request.test.tsx
@@ -1,7 +1,7 @@
 import { SnapInterfaceController } from '@metamask/snaps-controllers';
 import type { SnapId } from '@metamask/snaps-sdk';
 import { UserInputEventType, button, input, text } from '@metamask/snaps-sdk';
-import { Dropdown, DropdownOption } from '@metamask/snaps-sdk/jsx';
+import { Dropdown, Option } from '@metamask/snaps-sdk/jsx';
 import { getJsxElementFromComponent, HandlerType } from '@metamask/snaps-utils';
 import { MOCK_SNAP_ID } from '@metamask/snaps-utils/test-utils';
 
@@ -345,8 +345,8 @@ describe('getInterfaceApi', () => {
 
     const content = (
       <Dropdown name="foo">
-        <DropdownOption value="option1">Option 1</DropdownOption>
-        <DropdownOption value="option2">Option 2</DropdownOption>
+        <Option value="option1">Option 1</Option>
+        <Option value="option2">Option 2</Option>
       </Dropdown>
     );
 
diff --git a/packages/snaps-jest/src/internals/simulation/interface.test.tsx b/packages/snaps-jest/src/internals/simulation/interface.test.tsx
index 029929a35b..bc47197e96 100644
--- a/packages/snaps-jest/src/internals/simulation/interface.test.tsx
+++ b/packages/snaps-jest/src/internals/simulation/interface.test.tsx
@@ -13,7 +13,7 @@ import {
   Button,
   Text,
   Dropdown,
-  DropdownOption,
+  Option,
   Box,
   Input,
 } from '@metamask/snaps-sdk/jsx';
@@ -587,8 +587,8 @@ describe('selectInDropdown', () => {
 
     const content = (
       <Dropdown name="foo">
-        <DropdownOption value="option1">Option 1</DropdownOption>
-        <DropdownOption value="option2">Option 2</DropdownOption>
+        <Option value="option1">Option 1</Option>
+        <Option value="option2">Option 2</Option>
       </Dropdown>
     );
 
@@ -634,8 +634,8 @@ describe('selectInDropdown', () => {
   it('throws if selected option does not exist', async () => {
     const content = (
       <Dropdown name="foo">
-        <DropdownOption value="option1">Option 1</DropdownOption>
-        <DropdownOption value="option2">Option 2</DropdownOption>
+        <Option value="option1">Option 1</Option>
+        <Option value="option2">Option 2</Option>
       </Dropdown>
     );
 
@@ -860,8 +860,8 @@ describe('getInterface', () => {
 
     const content = (
       <Dropdown name="foo">
-        <DropdownOption value="option1">Option 1</DropdownOption>
-        <DropdownOption value="option2">Option 2</DropdownOption>
+        <Option value="option1">Option 1</Option>
+        <Option value="option2">Option 2</Option>
       </Dropdown>
     );
     const id = await interfaceController.createInterface(MOCK_SNAP_ID, content);
diff --git a/packages/snaps-sdk/src/jsx/components/form/Dropdown.ts b/packages/snaps-sdk/src/jsx/components/form/Dropdown.ts
index 59c3cde097..fa133c526e 100644
--- a/packages/snaps-sdk/src/jsx/components/form/Dropdown.ts
+++ b/packages/snaps-sdk/src/jsx/components/form/Dropdown.ts
@@ -1,17 +1,19 @@
 import type { MaybeArray } from '../../component';
 import { createSnapComponent } from '../../component';
-import type { DropdownOptionElement } from './DropdownOption';
+import type { OptionElement } from './Option';
 
 /**
  * The props of the {@link Dropdown} component.
  *
  * @property name - The name of the dropdown. This is used to identify the
  * state in the form data.
+ * @property value - The selected value of the dropdown.
+ * @property children - The children of the dropdown.
  */
 type DropdownProps = {
   name: string;
   value?: string;
-  children: MaybeArray<DropdownOptionElement>;
+  children: MaybeArray<OptionElement>;
 };
 
 const TYPE = 'Dropdown';
@@ -23,12 +25,14 @@ const TYPE = 'Dropdown';
  * @param props - The props of the component.
  * @param props.name - The name of the dropdown field. This is used to identify the
  * state in the form data.
+ * @param props.value - The selected value of the dropdown.
+ * @param props.children - The children of the dropdown.
  * @returns A dropdown element.
  * @example
  * <Dropdown name="dropdown">
- *  <DropdownOption value="option1">Option 1</DropdownOption>
- *  <DropdownOption value="option2">Option 2</DropdownOption>
- *  <DropdownOption value="option3">Option 3</DropdownOption>
+ *  <Option value="option1">Option 1</Option>
+ *  <Option value="option2">Option 2</Option>
+ *  <Option value="option3">Option 3</Option>
  * </Dropdown>
  */
 export const Dropdown = createSnapComponent<DropdownProps, typeof TYPE>(TYPE);
diff --git a/packages/snaps-sdk/src/jsx/components/form/Field.test.tsx b/packages/snaps-sdk/src/jsx/components/form/Field.test.tsx
index 7faf3febe6..0ff73f6aaf 100644
--- a/packages/snaps-sdk/src/jsx/components/form/Field.test.tsx
+++ b/packages/snaps-sdk/src/jsx/components/form/Field.test.tsx
@@ -1,8 +1,8 @@
 import { Button } from './Button';
 import { Dropdown } from './Dropdown';
-import { DropdownOption } from './DropdownOption';
 import { Field } from './Field';
 import { Input } from './Input';
+import { Option } from './Option';
 
 describe('Field', () => {
   it('renders a field element', () => {
@@ -93,8 +93,8 @@ describe('Field', () => {
     const result = (
       <Field label="Label">
         <Dropdown name="foo">
-          <DropdownOption value="option1">Option 1</DropdownOption>
-          <DropdownOption value="option2">Option 2</DropdownOption>
+          <Option value="option1">Option 1</Option>
+          <Option value="option2">Option 2</Option>
         </Dropdown>
       </Field>
     );
@@ -111,7 +111,7 @@ describe('Field', () => {
             name: 'foo',
             children: [
               {
-                type: 'DropdownOption',
+                type: 'Option',
                 key: null,
                 props: {
                   children: 'Option 1',
@@ -119,7 +119,7 @@ describe('Field', () => {
                 },
               },
               {
-                type: 'DropdownOption',
+                type: 'Option',
                 key: null,
                 props: {
                   children: 'Option 2',
diff --git a/packages/snaps-sdk/src/jsx/components/form/DropdownOption.ts b/packages/snaps-sdk/src/jsx/components/form/Option.ts
similarity index 64%
rename from packages/snaps-sdk/src/jsx/components/form/DropdownOption.ts
rename to packages/snaps-sdk/src/jsx/components/form/Option.ts
index 92b5c6dc1c..b6e5f34179 100644
--- a/packages/snaps-sdk/src/jsx/components/form/DropdownOption.ts
+++ b/packages/snaps-sdk/src/jsx/components/form/Option.ts
@@ -5,13 +5,14 @@ import { createSnapComponent } from '../../component';
  *
  * @property value - The value of the dropdown option. This is used to populate the
  * state in the form data.
+ * @property children - The text to display.
  */
-type DropdownOptionProps = {
+type OptionProps = {
   value: string;
   children: string;
 };
 
-const TYPE = 'DropdownOption';
+const TYPE = 'Option';
 
 /**
  * A dropdown option component, which is used to create a dropdown option. This component
@@ -20,22 +21,20 @@ const TYPE = 'DropdownOption';
  * @param props - The props of the component.
  * @param props.value - The value of the dropdown option. This is used to populate the
  * state in the form data.
+ * @param props.children - The text to display.
  * @returns A dropdown option element.
  * @example
  * <Dropdown name="dropdown">
- *  <DropdownOption value="option1">Option 1</DropdownOption>
- *  <DropdownOption value="option2">Option 2</DropdownOption>
- *  <DropdownOption value="option3">Option 3</DropdownOption>
+ *  <Option value="option1">Option 1</Option>
+ *  <Option value="option2">Option 2</Option>
+ *  <Option value="option3">Option 3</Option>
  * </Dropdown>
  */
-export const DropdownOption = createSnapComponent<
-  DropdownOptionProps,
-  typeof TYPE
->(TYPE);
+export const Option = createSnapComponent<OptionProps, typeof TYPE>(TYPE);
 
 /**
  * A dropdown element.
  *
  * @see Dropdown
  */
-export type DropdownOptionElement = ReturnType<typeof DropdownOption>;
+export type OptionElement = ReturnType<typeof Option>;
diff --git a/packages/snaps-sdk/src/jsx/components/form/index.ts b/packages/snaps-sdk/src/jsx/components/form/index.ts
index 4b50701b9e..bfc310a0cd 100644
--- a/packages/snaps-sdk/src/jsx/components/form/index.ts
+++ b/packages/snaps-sdk/src/jsx/components/form/index.ts
@@ -1,13 +1,13 @@
 import type { ButtonElement } from './Button';
 import type { DropdownElement } from './Dropdown';
-import type { DropdownOptionElement } from './DropdownOption';
 import type { FieldElement } from './Field';
 import type { FormElement } from './Form';
 import type { InputElement } from './Input';
+import type { OptionElement } from './Option';
 
 export * from './Button';
 export * from './Dropdown';
-export * from './DropdownOption';
+export * from './Option';
 export * from './Field';
 export * from './Form';
 export * from './Input';
@@ -18,4 +18,4 @@ export type StandardFormElement =
   | FieldElement
   | InputElement
   | DropdownElement
-  | DropdownOptionElement;
+  | OptionElement;
diff --git a/packages/snaps-sdk/src/jsx/validation.test.tsx b/packages/snaps-sdk/src/jsx/validation.test.tsx
index b80e3533a7..c1ec1b897f 100644
--- a/packages/snaps-sdk/src/jsx/validation.test.tsx
+++ b/packages/snaps-sdk/src/jsx/validation.test.tsx
@@ -8,7 +8,7 @@ import {
   Copyable,
   Divider,
   Dropdown,
-  DropdownOption,
+  Option,
   Field,
   Form,
   Heading,
@@ -210,8 +210,8 @@ describe('FieldStruct', () => {
     </Field>,
     <Field label="foo">
       <Dropdown name="foo">
-        <DropdownOption value="option1">Option 1</DropdownOption>
-        <DropdownOption value="option2">Option 2</DropdownOption>
+        <Option value="option1">Option 1</Option>
+        <Option value="option2">Option 2</Option>
       </Dropdown>
     </Field>,
   ])('validates a field element', (value) => {
@@ -708,8 +708,8 @@ describe('SpinnerStruct', () => {
 describe('Dropdown', () => {
   it.each([
     <Dropdown name="foo">
-      <DropdownOption value="option1">Option 1</DropdownOption>
-      <DropdownOption value="option2">Option 2</DropdownOption>
+      <Option value="option1">Option 1</Option>
+      <Option value="option2">Option 2</Option>
     </Dropdown>,
   ])('validates a dropdown element', (value) => {
     expect(is(value, DropdownStruct)).toBe(true);
diff --git a/packages/snaps-sdk/src/jsx/validation.ts b/packages/snaps-sdk/src/jsx/validation.ts
index 482dd84ba7..3c97c70f20 100644
--- a/packages/snaps-sdk/src/jsx/validation.ts
+++ b/packages/snaps-sdk/src/jsx/validation.ts
@@ -39,7 +39,7 @@ import type {
   CopyableElement,
   DividerElement,
   DropdownElement,
-  DropdownOptionElement,
+  OptionElement,
   FieldElement,
   FormElement,
   HeadingElement,
@@ -129,15 +129,12 @@ export const InputStruct: Describe<InputElement> = element('Input', {
 });
 
 /**
- * A struct for the {@link DropdownOptionElement} type.
+ * A struct for the {@link OptionElement} type.
  */
-export const DropdownOptionStruct: Describe<DropdownOptionElement> = element(
-  'DropdownOption',
-  {
-    value: string(),
-    children: string(),
-  },
-);
+export const OptionStruct: Describe<OptionElement> = element('Option', {
+  value: string(),
+  children: string(),
+});
 
 /**
  * A struct for the {@link DropdownElement} type.
@@ -145,7 +142,7 @@ export const DropdownOptionStruct: Describe<DropdownOptionElement> = element(
 export const DropdownStruct: Describe<DropdownElement> = element('Dropdown', {
   name: string(),
   value: optional(string()),
-  children: maybeArray(DropdownOptionStruct),
+  children: maybeArray(OptionStruct),
 });
 
 /**
@@ -347,7 +344,7 @@ export const JSXElementStruct: Describe<JSXElement> = nullUnion([
   SpinnerStruct,
   TextStruct,
   DropdownStruct,
-  DropdownOptionStruct,
+  OptionStruct,
 ]);
 
 /**