diff --git a/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/LabledInput/index.js b/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/LabledInput/index.js
index 136c4c3f6a..67bcee032a 100644
--- a/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/LabledInput/index.js
+++ b/packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/LabledInput/index.js
@@ -19,7 +19,15 @@ const Label = styled.label`
   }
 `;
 
-export const LabledInput = ({ label, placeholder, value, onChange, name }) => {
+export const LabledInput = ({
+  label,
+  placeholder,
+  value,
+  onChange,
+  name,
+  mask,
+  required = false,
+}) => {
   const [inputValue, setInputValue] = useState(value);
 
   const handleChange = (e) => {
@@ -36,6 +44,8 @@ export const LabledInput = ({ label, placeholder, value, onChange, name }) => {
         tabIndex={1}
         value={inputValue}
         onChange={handleChange}
+        required={required}
+        {...(mask ? { mask: mask } : {})}
       />
     </Label>
   );