diff --git a/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentVariables/index.js b/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentVariables/index.js
index de521cf78..1220b193a 100644
--- a/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentVariables/index.js
+++ b/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentVariables/index.js
@@ -122,7 +122,7 @@ const EnvironmentVariables = ({ environment, collection }) => {
                 </td>
                 <td>
                   {variable.secret ? (
-                    <div>{maskInputValue(variable.value)}</div>
+                    <div className="overflow-hidden text-ellipsis">{maskInputValue(variable.value)}</div>
                   ) : (
                     <SingleLineEditor
                       theme={storedTheme}
diff --git a/packages/bruno-app/src/utils/collections/index.js b/packages/bruno-app/src/utils/collections/index.js
index 0ebeb69fc..26a120991 100644
--- a/packages/bruno-app/src/utils/collections/index.js
+++ b/packages/bruno-app/src/utils/collections/index.js
@@ -640,8 +640,13 @@ export const getAllVariables = (collection) => {
   };
 };
 
-export const maskInputValue = (value) =>
-  value
+export const maskInputValue = (value) => {
+  if (!value || typeof value !== 'string') {
+    return '';
+  }
+
+  return value
     .split('')
     .map(() => '*')
     .join('');
+};