diff --git a/ipi-survey-platform/src/pages/Overview/Overview.jsx b/ipi-survey-platform/src/pages/Overview/Overview.jsx
index a7b7537..1a8786e 100644
--- a/ipi-survey-platform/src/pages/Overview/Overview.jsx
+++ b/ipi-survey-platform/src/pages/Overview/Overview.jsx
@@ -236,12 +236,22 @@ const showToast = (message, type = 'success') => {
 </button>
   </div>
       ) : 
- <div className="flex items-center gap-4">
-  <img 
-    src="/assets/images/Eye.svg" 
-    alt="View" 
-    className="w-5 h-5 text-[#A88632] opacity-60 hover:opacity-100 transition-opacity" 
-  />
+<div className="flex items-center gap-4">
+  <button
+    onClick={(e) => {
+      e.stopPropagation();
+      setSelectedSubmission(record);
+    }}
+    className="focus:outline-none"
+  >
+    <img
+      src="/assets/images/Eye.svg"
+      alt="View"
+      // className="w-5 h-5 opacity-60 hover:opacity-100 transition-opacity"
+      className="w-5 h-5 text-[#92722A] opacity-60 hover:opacity-100 transition-opacity" 
+      style={{ filter: 'invert(36%) sepia(49%) saturate(680%) hue-rotate(1deg) brightness(89%) contrast(91%)' }}
+    />
+  </button>
   {record.status === 'Rejected' && (
     <HiMiniArrowPathRoundedSquare 
       className={`w-5 h-5 transition-opacity ${
@@ -507,7 +517,7 @@ const showToast = (message, type = 'success') => {
                   </span>
                 );
               }
-              if (columnIndex === 8) { // Action column
+              if (columnIndex === 7) { // Action column
                 return (
                   <button
                     className="text-[#92722A] hover:underline text-sm font-medium focus:outline-none"