diff --git a/ios/PerformicsStoreDNA.xcodeproj/project.pbxproj b/ios/PerformicsStoreDNA.xcodeproj/project.pbxproj
index d97805d..f85f1c1 100644
--- a/ios/PerformicsStoreDNA.xcodeproj/project.pbxproj
+++ b/ios/PerformicsStoreDNA.xcodeproj/project.pbxproj
@@ -263,7 +263,7 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
-				CURRENT_PROJECT_VERSION = 6;
+				CURRENT_PROJECT_VERSION = 7;
 				DEVELOPMENT_TEAM = JGDHGNH9XY;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = PerformicsStoreDNA/Info.plist;
@@ -272,7 +272,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.6;
+				MARKETING_VERSION = 1.7;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",
@@ -292,7 +292,7 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
-				CURRENT_PROJECT_VERSION = 6;
+				CURRENT_PROJECT_VERSION = 7;
 				DEVELOPMENT_TEAM = JGDHGNH9XY;
 				INFOPLIST_FILE = PerformicsStoreDNA/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 15.1;
@@ -300,7 +300,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.6;
+				MARKETING_VERSION = 1.7;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",
diff --git a/src/assets/Icons/question-mark.png b/src/assets/Icons/question-mark.png
new file mode 100644
index 0000000..1236174
Binary files /dev/null and b/src/assets/Icons/question-mark.png differ
diff --git a/src/assets/Icons/wall-clock.png b/src/assets/Icons/wall-clock.png
new file mode 100644
index 0000000..4a34f51
Binary files /dev/null and b/src/assets/Icons/wall-clock.png differ
diff --git a/src/components/Alert.js b/src/components/Alert.js
index 058bcf0..0096fac 100644
--- a/src/components/Alert.js
+++ b/src/components/Alert.js
@@ -31,7 +31,7 @@ export function ConfirmSaveAlert({
   onYesCallBack = () => { },
   msg = 'Do you really want to save data?',
   yesText = 'Yes',
-  cancelText = 'NO',
+  cancelText = 'No',
 }) {
   return (
     <CustomModal
diff --git a/src/components/CustomModal.js b/src/components/CustomModal.js
index 1b81563..55af492 100644
--- a/src/components/CustomModal.js
+++ b/src/components/CustomModal.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { View, Text, Modal, StyleSheet, TouchableOpacity, Image} from 'react-native';
+import { View, Text, Modal, StyleSheet, TouchableOpacity, Image } from 'react-native';
 import IMAGES from '../constants/Images';
 
 const CustomModal = ({
@@ -18,17 +18,21 @@ const CustomModal = ({
     <Modal visible={showModal} transparent animationType="fade">
       <View style={styles.overlay}>
         <View style={[styles.modalContainer, style]}>
-            {onClose  && (
+          {/* {onClose && (
             <TouchableOpacity onPress={onClose} style={styles.closeButton}>
-             <Image source={IMAGES.crossIcon} style={styles.iconStyle} />
+              <Image source={IMAGES.crossIcon} style={styles.iconStyle} />
             </TouchableOpacity>
-            )}
+          )} */}
 
-          {title && <Text style={[styles.title, titleStyle]}>{title}</Text>}
-          {message && <Text style={[styles.message, messageStyle]}>{message}</Text>}
+          {/* <TouchableOpacity onPress={onClose} style={styles.closeButton}>
+            <Image source={IMAGES.alert} style={styles.iconStyle} />
+          </TouchableOpacity> */}
+          <View style={{ marginTop: 10 }}>
+            {title && <Text style={[styles.title, titleStyle]}>{title}</Text>}
+            {message && <Text style={[styles.message, messageStyle]}>{message}</Text>}
+          </View>
 
           <View style={{ marginVertical: 10 }}>{children}</View>
-
         </View>
       </View>
     </Modal>
@@ -50,7 +54,8 @@ const styles = StyleSheet.create({
     borderRadius: 12,
     padding: 15,
     alignItems: 'center',
-    minHeight:200
+    minHeight: 180,
+    justifyContent: 'center'
   },
   title: {
     fontSize: 18,
@@ -64,17 +69,17 @@ const styles = StyleSheet.create({
     textAlign: 'center',
   },
   closeButton: {
-    alignSelf:'flex-end',
-    marginBottom:15
+    alignSelf: 'center',
+    marginBottom: 15
   },
   closeText: {
     color: '#fff',
     fontWeight: 'bold',
   },
-  iconStyle:{
-    height:35,
-    width:35,
-    resizeMode:'contain',
+  iconStyle: {
+    height: 50,
+    width: 50,
+    resizeMode: 'contain',
     // tintColor:'red'
   }
 });
diff --git a/src/constants/Images.js b/src/constants/Images.js
index af29c08..5e7fdac 100644
--- a/src/constants/Images.js
+++ b/src/constants/Images.js
@@ -26,6 +26,8 @@ const IMAGES = {
     AuthTopBGNew: require('../assets/Images/appLogoNew.png'),
     AuthBottomBG: require('../assets/Images/loginbottomBG.png'),
     dotsIcon: require('../assets/Icons/dots.png'),
+    pending: require('../assets/Icons/wall-clock.png'),
+    alert: require('../assets/Icons/question-mark.png'),
 
 };
 
diff --git a/src/screens/MainScreen/Dashboard/Details.js b/src/screens/MainScreen/Dashboard/Details.js
index 2d0022d..eee366d 100644
--- a/src/screens/MainScreen/Dashboard/Details.js
+++ b/src/screens/MainScreen/Dashboard/Details.js
@@ -94,8 +94,8 @@ const Details = () => {
                         <Image source={IMAGES.backIcon} style={{ height: 20, width: 20, tintColor: '#fff' }} />
                     </TouchableOpacity>
                     <Text style={{ color: '#fff', fontSize: 20, fontWeight: 'bold' }}>Details</Text>
-                    <View style={{ width: 25 }} />   
-                    
+                    <View style={{ width: 25 }} />
+
                 </View>
 
                 <ScrollView style={{ padding: 20 }}>
@@ -254,7 +254,8 @@ const Details = () => {
 
                                 return (
                                     <View key={index} style={{ marginBottom: 30 }}>
-                                        <Text style={{ color: '#000', fontSize: 16, fontWeight: '600', marginBottom: 10 }}>
+
+                                        <Text style={{ marginTop: 10, color: '#000', fontSize: 16, fontWeight: '600', marginBottom: 10 }}>
                                             {detail.GraphTitle}
 
                                         </Text>
@@ -289,6 +290,7 @@ const Details = () => {
                                                             borderColor: '#eee',
                                                         }}>
                                                         <Text style={{ color: '#000', width: '80%' }}>{row[displayKey] || '--'}</Text>
+
                                                         <TouchableOpacity disabled={isOSATab ? false : true}
                                                             onPress={() => {
                                                                 if (row[presentKey] == 100 || row[presentKey] == '100') {
@@ -340,8 +342,20 @@ const Details = () => {
                             </TouchableOpacity>
                         </View>
 
+                        <View style={{ borderTopLeftRadius: 10, borderTopRightRadius: 10, marginTop: 15, marginHorizontal: 15, backgroundColor: '#eee', padding: 10, borderWidth: 1, borderColor: 'gray' }}>
+                            <Text style={{ color: '#000', fontSize: 16, fontWeight: '500' }}>{'Out of Stock SKUs:'}</Text>
+                        </View>
+
                         {/* SKU List */}
-                        <ScrollView contentContainerStyle={{ padding: 15 }}>
+                        <ScrollView contentContainerStyle={{
+                            marginHorizontal: 15,
+                            borderBottomWidth: 0.5,
+                            borderLeftWidth: 0.5,
+                            borderRightWidth: 0.5,
+                            borderColor: 'gray',
+                            borderBottomEndRadius: 10,
+                            borderBottomLeftRadius: 10,
+                        }}>
                             {/* <Text style={{ color: '#000', fontSize: 16, fontWeight: 'bold', marginBottom: 5 }}>OOS SKU details</Text> */}
                             {selectedCategoryData.map((item, idx) => (
                                 <View
@@ -353,11 +367,15 @@ const Details = () => {
                                         paddingVertical: 8,
                                         borderBottomWidth: idx === selectedCategoryData.length - 1 ? 0 : 1,
                                         borderColor: '#eee',
+
                                     }}
                                 >
-                                    <Text style={{ color: '#000', width: '80%' }}>
-                                        {item.Product_MasterProduct_Name}
-                                    </Text>
+                                    <View style={{ flexDirection: 'row' }}>
+                                        <Text style={{ color: '#000', marginLeft: 10 }}>{idx + 1}. </Text>
+                                        <Text style={{ color: '#000', }}>
+                                            {item.Product_MasterProduct_Name}
+                                        </Text>
+                                    </View>
                                     {/* <Text style={{ color: '#000', width: '20%', textAlign: 'center' }}>
                                         {item['#_of_OOS_SKU_for_all_visits']}
                                     </Text> */}
diff --git a/src/screens/MainScreen/Dashboard/index.js b/src/screens/MainScreen/Dashboard/index.js
index cdad3ed..487875c 100644
--- a/src/screens/MainScreen/Dashboard/index.js
+++ b/src/screens/MainScreen/Dashboard/index.js
@@ -563,6 +563,10 @@ const Dashboard = (props) => {
 
             const barData = values.map((v, idx) => {
                const value = parseFloat(Object.values(v).find(val => typeof val === 'number').toFixed(1));
+
+               // console.log('valuevaluevalue--->', value);
+
+
                return {
                   value,
                   label: v.CalendarYear_Month,
@@ -571,6 +575,7 @@ const Dashboard = (props) => {
                      <Text style={{ color: '#000', fontSize: 12, fontWeight: '500', marginBottom: 5 }}>{value}%</Text>
                   )
                };
+
             });
 
             const visibleBars = barData.length;
@@ -708,7 +713,7 @@ const Dashboard = (props) => {
    });
 
    // console.log('mainTabIndex----->',mainTabIndex);
-   
+
 
    return (
       <SafeAreaView style={{ flex: 1, backgroundColor: GlobalTheme.colors.primary }}>
@@ -769,16 +774,19 @@ const Dashboard = (props) => {
                                     disabled={store?.UPLOAD_STATUS == 'U' ? true : false}
                                     onPress={() => onSelectStore(store)}
                                     key={store.StoreId} style={styles.storeCard}>
-                                    <View style={[styles.row, { margin: 0 }]}>
-                                       <Text style={styles.cardTextBold}>{store.StoreName}</Text>
+                                    <View style={[styles.row, { margin: 0, width: "100%" }]}>
+                                       <View style={{ width: "70%" }}>
+                                          <Text style={styles.cardTextBold}>{store.StoreName}</Text>
+                                       </View>
                                        {store?.UPLOAD_STATUS === 'U' ?
                                           <Image source={IMAGES.greenTick} style={{ height: 20, width: 20 }} />
                                           :
-                                          <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-                                             <View style={{ backgroundColor: '#FFF8CD', padding: 5, paddingHorizontal: 7, borderRadius: 15 }}>
-                                                <Text style={{ color: 'orange', fontSize: 13, fontWeight: '500' }}>Pending</Text>
+                                          <View style={{ width: "30%", flexDirection: 'row', alignItems: 'center' }}>
+                                             <View style={{ flexDirection: 'row', backgroundColor: '#ffefd5', padding: 5, paddingHorizontal: 10, borderRadius: 15 }}>
+                                                <Text style={{ color: 'orange', fontSize: 12, fontWeight: '500' }}>Feedback Pending</Text>
+                                                {/* <Image source={IMAGES.pending} style={{ marginLeft: 5, height: 18, width: 18, tintColor: 'orange' }} /> */}
                                              </View>
-                                             <Image source={IMAGES.rightArrowIcon} style={{ marginLeft: 10, height: 20, width: 20, resizeMode: 'contain', tintColor: '#97ADD6' }} />
+                                             <Image source={IMAGES.rightArrowIcon} style={{ marginLeft: -2, height: 20, width: 20, resizeMode: 'contain', tintColor: '#97ADD6' }} />
                                           </View>
                                        }
                                     </View>