diff --git a/src/components/FormSelectableCard/FormSelectableCard.js b/src/components/FormSelectableCard/FormSelectableCard.js
index b9243782..09f65d52 100644
--- a/src/components/FormSelectableCard/FormSelectableCard.js
+++ b/src/components/FormSelectableCard/FormSelectableCard.js
@@ -35,8 +35,10 @@ export function FormSelectableCard(props) {
             } hover:ds-border-[#0E62C9] hover:ds-drop-shadow-[0px_0px_6px_rgba(14,98,201,0.5)] ds-cursor-pointer ds-mb-8px ds-border-[1px] hover:ds-border-[2px]`}
             key={index}
             id={index}
-            onFocus={() => {
+            onFocus={(e) => {
               setRadioHover(index);
+              setSelected(index);
+              props.onChange(value, e);
             }}
             onMouseOver={() => {
               setRadioHover(index);