diff --git a/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx b/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx
index 21919f09a4..215eb3145b 100644
--- a/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx
+++ b/packages/twenty-front/src/pages/settings/developers/api-keys/SettingsDevelopersApiKeyDetail.tsx
@@ -136,7 +136,7 @@ export const SettingsDevelopersApiKeyDetail = () => {
               {apiKeyToken ? (
                 <>
                   <H2Title
-                    title="Api Key"
+                    title="API Key"
                     description="Copy this key as it will only be visible this one time"
                   />
                   <ApiKeyInput apiKey={apiKeyToken} />
@@ -147,8 +147,8 @@ export const SettingsDevelopersApiKeyDetail = () => {
               ) : (
                 <>
                   <H2Title
-                    title="Api Key"
-                    description="Regenerate an Api key"
+                    title="API Key"
+                    description="Regenerate an API key"
                   />
                   <StyledInputContainer>
                     <Button
@@ -213,7 +213,7 @@ export const SettingsDevelopersApiKeyDetail = () => {
         confirmationValue="yes"
         isOpen={isDeleteApiKeyModalOpen}
         setIsOpen={setIsDeleteApiKeyModalOpen}
-        title="Delete Api key"
+        title="Delete API key"
         subtitle={
           <>
             Please type "yes" to confirm you want to delete this API Key. Be
@@ -228,7 +228,7 @@ export const SettingsDevelopersApiKeyDetail = () => {
         confirmationValue="yes"
         isOpen={isRegenerateKeyModalOpen}
         setIsOpen={setIsRegenerateKeyModalOpen}
-        title="Regenerate an Api key"
+        title="Regenerate an API key"
         subtitle={
           <>
             If you’ve lost this key, you can regenerate it, but be aware that
diff --git a/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhooksNew.tsx b/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhooksNew.tsx
index 2e9f06e10d..499393a34a 100644
--- a/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhooksNew.tsx
+++ b/packages/twenty-front/src/pages/settings/developers/webhooks/SettingsDevelopersWebhooksNew.tsx
@@ -11,6 +11,7 @@ import { TextInput } from '@/ui/input/components/TextInput';
 import { SubMenuTopBarContainer } from '@/ui/layout/page/SubMenuTopBarContainer';
 import { Section } from '@/ui/layout/section/components/Section';
 import { Breadcrumb } from '@/ui/navigation/bread-crumb/components/Breadcrumb';
+import { isValidUrl } from '~/utils/url/isValidUrl';
 
 export const SettingsDevelopersWebhooksNew = () => {
   const navigate = useNavigate();
@@ -21,9 +22,18 @@ export const SettingsDevelopersWebhooksNew = () => {
     targetUrl: '',
     operation: '*.*',
   });
+  const [isTargetUrlValid, setIsTargetUrlValid] = useState(true);
+
   const { createOneRecord: createOneWebhook } = useCreateOneRecord<Webhook>({
     objectNameSingular: CoreObjectNameSingular.Webhook,
   });
+
+  const handleValidate = async (value: string) => {
+    const trimmedUrl = value.trim();
+
+    setIsTargetUrlValid(isValidUrl(trimmedUrl));
+  };
+
   const handleSave = async () => {
     const newWebhook = await createOneWebhook?.(formValues);
 
@@ -32,7 +42,10 @@ export const SettingsDevelopersWebhooksNew = () => {
     }
     navigate(`/settings/developers/webhooks/${newWebhook.id}`);
   };
-  const canSave = !!formValues.targetUrl && createOneWebhook;
+
+  const canSave =
+    !!formValues.targetUrl && isTargetUrlValid && createOneWebhook;
+
   return (
     <SubMenuTopBarContainer
       Icon={IconCode}
@@ -63,6 +76,7 @@ export const SettingsDevelopersWebhooksNew = () => {
           <TextInput
             placeholder="URL"
             value={formValues.targetUrl}
+            error={!isTargetUrlValid ? 'Please enter a valid URL' : undefined}
             onKeyDown={(e) => {
               if (e.key === 'Enter') {
                 handleSave();
@@ -73,6 +87,7 @@ export const SettingsDevelopersWebhooksNew = () => {
                 ...prevState,
                 targetUrl: value,
               }));
+              handleValidate(value);
             }}
             fullWidth
           />
diff --git a/packages/twenty-front/src/utils/url/__tests__/isValidUrl.test.ts b/packages/twenty-front/src/utils/url/__tests__/isValidUrl.test.ts
new file mode 100644
index 0000000000..6279a9bba7
--- /dev/null
+++ b/packages/twenty-front/src/utils/url/__tests__/isValidUrl.test.ts
@@ -0,0 +1,25 @@
+import { isValidUrl } from '../isValidUrl';
+
+describe('isValidUrl', () => {
+  it('test cases', () => {
+    // Truthy
+    expect(isValidUrl('https://www.example.com')).toBe(true);
+    expect(isValidUrl('http://192.168.2.0:3000')).toBe(true);
+    expect(isValidUrl('http://localhost')).toBe(true);
+    expect(isValidUrl('http://localhost:3000')).toBe(true);
+    expect(isValidUrl('http://subdomain.example.com')).toBe(true);
+    expect(isValidUrl('https://www.example.com/path')).toBe(true);
+    expect(isValidUrl('https://www.example.com/path/path2?query=123')).toBe(
+      true,
+    );
+    expect(isValidUrl('http://localhost:3000')).toBe(true);
+    expect(isValidUrl('example.com')).toBe(true);
+    expect(isValidUrl('www.subdomain.example.com')).toBe(true);
+
+    // Falsy
+    expect(isValidUrl('?o')).toBe(false);
+    expect(isValidUrl('')).toBe(false);
+    expect(isValidUrl('\\')).toBe(false);
+    expect(isValidUrl('wwwexamplecom')).toBe(false);
+  });
+});
diff --git a/packages/twenty-front/src/utils/url/isValidUrl.ts b/packages/twenty-front/src/utils/url/isValidUrl.ts
new file mode 100644
index 0000000000..195e445aa1
--- /dev/null
+++ b/packages/twenty-front/src/utils/url/isValidUrl.ts
@@ -0,0 +1,8 @@
+export const isValidUrl = (url: string) => {
+  const urlRegex =
+    /^(https?:\/\/)?((([a-zA-Z0-9-]+\.)+[a-zA-Z]{2,})|(\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})|(localhost))(:\d+)?(\/[^\s]*)?(\?[^\s]*)?$/;
+
+  const urlPattern = new RegExp(urlRegex, 'i');
+
+  return !!urlPattern.test(url);
+};