diff --git a/projects/ngx-editor/src/lib/modules/menu/image/image.component.html b/projects/ngx-editor/src/lib/modules/menu/image/image.component.html
index 7ba70892..f436656b 100644
--- a/projects/ngx-editor/src/lib/modules/menu/image/image.component.html
+++ b/projects/ngx-editor/src/lib/modules/menu/image/image.component.html
@@ -20,7 +20,7 @@
         <label class="NgxEditor__Popup--Label" [htmlFor]="getId('image-popup-url')">{{
           getLabel('url') | async
         }}</label>
-        <input type="href" [id]="getId('image-popup-url')" formControlName="src" autocomplete="off" />
+        <input type="url" [id]="getId('image-popup-url')" formControlName="src" autocomplete="off" />
         <div *ngIf="src.touched && src.invalid" class="NgxEditor__HelpText NgxEditor__HelpText--Error">
           {{ src.errors?.['pattern'] && getLabel('enterValidUrl') | async }}
         </div>
diff --git a/projects/ngx-editor/src/lib/modules/menu/link/link.component.html b/projects/ngx-editor/src/lib/modules/menu/link/link.component.html
index 02c9b47e..17af2db9 100644
--- a/projects/ngx-editor/src/lib/modules/menu/link/link.component.html
+++ b/projects/ngx-editor/src/lib/modules/menu/link/link.component.html
@@ -20,7 +20,7 @@
     <div class="NgxEditor__Popup--FormGroup">
       <div class="NgxEditor__Popup--Col">
         <label class="NgxEditor__Popup--Label" [htmlFor]="getId('link-popup-url')">{{ getLabel('url') | async }}</label>
-        <input type="href" [id]="getId('link-popup-url')" formControlName="href" autocomplete="off" />
+        <input type="url" [id]="getId('link-popup-url')" formControlName="href" autocomplete="off" />
         <div *ngIf="href.touched && href.invalid" class="NgxEditor__HelpText NgxEditor__HelpText--Error">
           {{ href.errors?.['pattern'] && getLabel('enterValidUrl') | async }}
         </div>