diff --git a/RN-UI-LIB b/RN-UI-LIB
index 4f6b681f..3770aed7 160000
--- a/RN-UI-LIB
+++ b/RN-UI-LIB
@@ -1 +1 @@
-Subproject commit 4f6b681f2dd445a90654bd410bc204f5bf0b8171
+Subproject commit 3770aed759ae0059448604e79f657c659bf96fa1
diff --git a/src/components/caseDetails/CaseDetails.tsx b/src/components/caseDetails/CaseDetails.tsx
new file mode 100644
index 00000000..d504d4ae
--- /dev/null
+++ b/src/components/caseDetails/CaseDetails.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import {StyleSheet, View} from 'react-native';
+import UserDetailsSection from './UserDetailsSection';
+
+const CaseDetails: React.FC<any> = props => {
+    return (
+        <View style={styles.caseDetailscontainer}>
+            <UserDetailsSection />
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    caseDetailscontainer: {
+        paddingHorizontal: 16,
+    },
+});
+
+export default CaseDetails;
diff --git a/src/components/caseDetails/UserDetailsSection.tsx b/src/components/caseDetails/UserDetailsSection.tsx
new file mode 100644
index 00000000..6cd26016
--- /dev/null
+++ b/src/components/caseDetails/UserDetailsSection.tsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import {View} from 'react-native';
+
+const UserDetailsSection: React.FC<any> = props => {
+    return <View />;
+};
+
+export default UserDetailsSection;
diff --git a/src/data/templateData.json b/src/data/templateData.json
index bdb1c7c4..3042408e 100644
--- a/src/data/templateData.json
+++ b/src/data/templateData.json
@@ -146,7 +146,7 @@
           "s2"
         ],
         "transitionRules": {
-  
+
         },
         "is_leaf": true
       },
@@ -264,7 +264,7 @@
         "type": "mandatory",
         "input_type": "TextInput",
         "options": [
-  
+
         ],
         "metadata": {
           "formatting_type": "textbox"
@@ -325,76 +325,75 @@
         }
       }
     },
-    
     "options": {
       "o1": {
         "type": "single_select",
         "text": "Found",
         "associateQuestions": [
-  
+
         ],
         "metadata": {
-  
+
         }
       },
       "o2": {
         "type": "single_select",
         "text": "Not Found",
         "associateQuestions": [
-  
+
         ],
         "metadata": {
-  
+
         }
       },
       "o3": {
         "type": "single_select",
         "text": "Yes",
         "associateQuestions": [
-  
+
         ],
         "metadata": {
-  
+
         }
       },
       "o4": {
         "type": "single_select",
         "text": "No",
         "associateQuestions": [
-  
+
         ],
         "metadata": {
-  
+
         }
       },
       "o5": {
         "type": "multi_select",
         "text": "Medical issue",
         "associateQuestions": [
-  
+
         ],
         "metadata": {
-  
+
         }
       },
       "o6": {
         "type": "multi_select",
         "text": "Covid",
         "associateQuestions": [
-  
+
         ],
         "metadata": {
-  
+
         }
       },
       "o7": {
         "type": "multi_select",
         "text": "Business purpose",
         "associateQuestions": [
-  
+
         ],
         "metadata": {
-  
+
         }
       },
       "o8": {
@@ -404,48 +403,48 @@
           "q4"
         ],
         "metadata": {
-  
+
         }
       },
       "o9": {
         "type": "multi_select",
         "text": "Flat",
         "associateQuestions": [
-  
+
         ],
         "metadata": {
-  
+
         }
       },
       "o10": {
         "type": "multi_select",
         "text": "city",
         "associateQuestions": [
-  
+
         ],
         "metadata": {
-  
+
         }
       },
       "o11": {
         "type": "single_select",
         "text": "PTP",
         "associateQuestions": [
-  
+
         ],
         "metadata": {
-  
+
         }
       },
       "o22": {
         "type": "single_select",
         "text": "RNR",
         "associateQuestions": [
-  
+
         ],
         "metadata": {
-  
+
         }
       }
-    }
-  }
\ No newline at end of file
+    },
+}