diff --git a/CHANGELOG.md b/CHANGELOG.md
index a1371fc1..087a554a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,10 @@
+## [0.50.8](https://github.com/juspay/hyperswitch-web/compare/v0.50.7...v0.50.8) (2024-05-08)
+
+
+### Bug Fixes
+
+* dropdown error even when first option is selected ([#356](https://github.com/juspay/hyperswitch-web/issues/356)) ([3e7b007](https://github.com/juspay/hyperswitch-web/commit/3e7b0071b8db132c901cbc0a7fc44f6ef13349d8))
+
 ## [0.50.6](https://github.com/juspay/hyperswitch-web/compare/v0.50.5...v0.50.6) (2024-05-07)
 
 ## [0.50.5](https://github.com/juspay/hyperswitch-web/compare/v0.50.4...v0.50.5) (2024-05-06)
diff --git a/package-lock.json b/package-lock.json
index bc68aea9..cdfd6523 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "orca-payment-page",
-  "version": "0.50.6",
+  "version": "0.50.8",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "orca-payment-page",
-      "version": "0.50.6",
+      "version": "0.50.8",
       "hasInstallScript": true,
       "dependencies": {
         "@aws-sdk/client-cloudfront": "^3.414.0",
diff --git a/package.json b/package.json
index 9d6858d7..d587219a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "orca-payment-page",
-  "version": "0.50.6",
+  "version": "0.50.8",
   "main": "index.js",
   "private": true,
   "dependencies": {
diff --git a/src/Components/PaymentDropDownField.res b/src/Components/PaymentDropDownField.res
index d1ef7759..9000252e 100644
--- a/src/Components/PaymentDropDownField.res
+++ b/src/Components/PaymentDropDownField.res
@@ -28,26 +28,17 @@ let make = (
   }
   React.useEffect(() => {
     let initialValue = options->Array.get(0)->Option.getOr("")
-    if (
-      value.value === "" ||
-      value.value === initialValue ||
-      options->Array.includes(value.value)->not
-    ) {
-      setValue(prev => {
-        ...prev,
+    if value.value === "" || options->Array.includes(value.value)->not {
+      setValue(_ => {
+        errorString: "",
         isValid: Some(true),
         value: initialValue,
       })
     }
     None
-  }, [options->Array.get(0)->Option.getOr("")])
+  }, [options])
   let handleFocus = _ => {
     setInputFocused(_ => true)
-    // setValue(.prev => {
-    //   ...prev,
-    //   isValid: None,
-    //   errorString: "",
-    // })
     Utils.handleOnFocusPostMessage(~targetOrigin=parentURL, ())
   }
   let focusClass = if inputFocused || value.value->String.length > 0 {