From ef0483b13181a66045566a1b3a654045177f2096 Mon Sep 17 00:00:00 2001
From: navins94 <nikshingote@gmail.com>
Date: Fri, 19 Jan 2024 19:42:37 +0530
Subject: [PATCH] [#981]

---
 app/src/form/support/OptionItem.js | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/src/form/support/OptionItem.js b/app/src/form/support/OptionItem.js
index 120292c54..1c2dbb2ea 100644
--- a/app/src/form/support/OptionItem.js
+++ b/app/src/form/support/OptionItem.js
@@ -5,8 +5,21 @@ import { Text } from 'react-native';
 const OptionItem = ({ label, color, name }, active) => {
   return (
     <View style={[{ padding: 3 }]}>
-      <View style={[{ backgroundColor: active ? '#0047AB' : color || '#FFF', padding: 15 }]}>
-        <Text style={{ fontWeight: color ? 'bold' : 'normal', color: color ? 'white' : 'black' }}>
+      <View
+        style={[
+          {
+            padding: 8,
+            backgroundColor: color ? color : active ? '#bcbcbc' : '#FFF',
+            borderRadius: color ? 5 : 0,
+          },
+        ]}
+      >
+        <Text
+          style={{
+            fontWeight: color ? 'bold' : 'normal',
+            color: color || active ? 'white' : 'black',
+          }}
+        >
           {label || name}
         </Text>
       </View>