diff --git a/FRONTEND/src/pages/Document/Document.tsx b/FRONTEND/src/pages/Document/Document.tsx
index 703e1e5..383d698 100644
--- a/FRONTEND/src/pages/Document/Document.tsx
+++ b/FRONTEND/src/pages/Document/Document.tsx
@@ -103,8 +103,12 @@ const Document = () => {
     if (['doc'].includes(extension!)) {
       return (
         <a
-          href={`${import.meta.env.VITE_BACKEND_URL}${uri}`}
-          download="Document Download"
+          href={`${import.meta.env.VITE_BACKEND_URL}${
+            import.meta.env.VITE_BACKEND_URL?.includes('localhost')
+              ? ''
+              : 'image/'
+          }${uri}`}
+          download={row.title}
           target="_self"
         >
           <IconFileTypeDoc style={{ color: '#1e62c1' }} />
@@ -115,8 +119,12 @@ const Document = () => {
     if (['xls', 'xlsx'].includes(extension!)) {
       return (
         <a
-          href={`${import.meta.env.VITE_BACKEND_URL}${uri}`}
-          download="Document Download"
+          href={`${import.meta.env.VITE_BACKEND_URL}${
+            import.meta.env.VITE_BACKEND_URL?.includes('localhost')
+              ? ''
+              : 'image/'
+          }${uri}`}
+          download={row.title}
           target="_self"
         >
           <IconFileTypeXls style={{ color: '#0e864b' }} />