diff --git a/frontend/src/utils/directories.js b/frontend/src/utils/directories.js
index 48021c514893ac482cd0ba846c258f4fd4ff21a2..b2a1d493fb3de866acbb6fb8ac4a2662e4ad333e 100644
--- a/frontend/src/utils/directories.js
+++ b/frontend/src/utils/directories.js
@@ -12,7 +12,7 @@ export function getFileExtension(path) {
 }
 
 export function middleTruncate(str, n) {
-  const fileExtensionPattern = /(\..+)$/;
+  const fileExtensionPattern = /([^.]*)$/;
   const extensionMatch = str.match(fileExtensionPattern);
 
   if (str.length <= n) return str;