diff --git a/client/src/pages/presentationEditor/components/Images.tsx b/client/src/pages/presentationEditor/components/Images.tsx
index a7e400eefed91d80f39bb16cc60851a86696d3f5..6d919b5999b680fbed864c8d956df4e9f3f6fd9e 100644
--- a/client/src/pages/presentationEditor/components/Images.tsx
+++ b/client/src/pages/presentationEditor/components/Images.tsx
@@ -116,7 +116,11 @@ const Images = ({ activeSlide, competitionId }: ImagesProps) => {
               <ListItem divider button>
                 <ImportedImage src={`http://localhost:5000/static/images/thumbnail_${image.data.filename}`} />
                 <Center>
-                  <ListItemText primary={image.data.filename} />
+                  <ListItemText
+                    primary={
+                      image.data.filename.length > 25 ? image.data.filename.substr(0, 24) + '...' : image.data.filename
+                    }
+                  />
                 </Center>
                 <CloseIcon onClick={() => handleCloseimageClick(image)} />
               </ListItem>