diff --git a/ui/desktop/app/templates/cluster-url.hbs b/ui/desktop/app/templates/cluster-url.hbs
index 572815a29..b80a6b022 100644
--- a/ui/desktop/app/templates/cluster-url.hbs
+++ b/ui/desktop/app/templates/cluster-url.hbs
@@ -15,14 +15,16 @@
       @disabled={{(is-loading)}}
       as |form|
     >
-      <form.input
-        @name='host'
-        @type='text'
+      <Hds::Form::TextInput::Field
+        name='host'
         @value={{this.clusterUrl}}
-        @label={{t 'form.cluster-url.label'}}
-        @helperText={{t 'form.cluster-url.description'}}
         {{autofocus}}
-      />
+        {{on 'input' (set-from-event this 'clusterUrl')}}
+        as |F|
+      >
+        <F.Label>{{t 'form.cluster-url.label'}}</F.Label>
+        <F.HelperText>{{t 'form.cluster-url.description'}}</F.HelperText>
+      </Hds::Form::TextInput::Field>
 
       <form.actions>
         <:actions>