diff --git a/src/Pages/Key/formUtil.ts b/src/Pages/Key/formUtil.ts
index 0d96c91..999528c 100644
--- a/src/Pages/Key/formUtil.ts
+++ b/src/Pages/Key/formUtil.ts
@@ -11,7 +11,7 @@ export const getInitialValues = (objectToEdit: any | null = null): any => {
     key: objectToEdit?.key ,
     type: objectToEdit?.type ,
     value: objectToEdit?.value ,
-    value_type: objectToEdit?.key === "home_main_image" ?  "image" : "text" ,
+    value_type: objectToEdit?.key === "home_main_image" || objectToEdit?.key  === "portfolio" ?  "image" : "text" ,
 
 
   };
diff --git a/src/Pages/Key/useTableColumns.tsx b/src/Pages/Key/useTableColumns.tsx
index e180e27..b38256a 100644
--- a/src/Pages/Key/useTableColumns.tsx
+++ b/src/Pages/Key/useTableColumns.tsx
@@ -5,6 +5,8 @@ import Actions from "../../Components/Ui/tables/Actions";
 import { useNavigate } from "react-router-dom";
 import { useDeleteKey } from "../../api/Key";
 import ColumnsImage from "../../Components/Columns/ColumnsImage";
+import { FaFile } from "react-icons/fa";
+import { ImageBaseURL } from "../../api/config";
 
 
 const useTableColumns :any = () => {
@@ -39,10 +41,14 @@ const useTableColumns :any = () => {
         sortable: false,
         center: true,
         cell: (row:any) => {
-            if (row?.value.startsWith("/")) {
+
+            if (row?.key === "portfolio") {
               let src = row?.value;
-              return <ColumnsImage src={src} />
-                        } else {
+              return <a target="_blank" rel="noreferrer" href={ImageBaseURL + src}> <FaFile  /> </a>
+                        } else if(row?.value.startsWith("/")){
+                          let src = row?.value;
+                          return <ColumnsImage src={src} />
+                        } else{
                 return <div className="single-line-div">{row?.value} </div> ;
             }
         }