diff --git a/components/doc/image/index.js b/components/doc/image/index.js
index 342a177bfd..ceeb9eb547 100644
--- a/components/doc/image/index.js
+++ b/components/doc/image/index.js
@@ -291,6 +291,10 @@ import { Image } from 'primereact/image';
                                         <td><i>space</i></td>
                                         <td>Activates the button.</td>
                                     </tr>
+                                    <tr>
+                                        <td><i>esc</i></td>
+                                        <td>Closes the image preview.</td>
+                                    </tr>
                                 </tbody>
                             </table>
                         </div>
diff --git a/components/lib/image/Image.css b/components/lib/image/Image.css
index ea502d4794..a8182c2550 100644
--- a/components/lib/image/Image.css
+++ b/components/lib/image/Image.css
@@ -46,6 +46,7 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    z-index: 9999;
 }
 
 .p-image-preview {