diff --git a/client/src/components/Settings/Dns/Upstream/Form.js b/client/src/components/Settings/Dns/Upstream/Form.js
index a825d3d7..1a81d60a 100644
--- a/client/src/components/Settings/Dns/Upstream/Form.js
+++ b/client/src/components/Settings/Dns/Upstream/Form.js
@@ -11,21 +11,23 @@ import { DNS_REQUEST_OPTIONS, FORM_NAME, UPSTREAM_CONFIGURATION_WIKI_LINK } from
 import { testUpstream } from '../../../../actions';
 import { removeEmptyLines } from '../../../../helpers/helpers';
 
+const UPSTREAM_DNS_NAME = 'upstream_dns';
+
 const Title = () => {
     const components = {
         a: <a href={UPSTREAM_CONFIGURATION_WIKI_LINK} target="_blank"
               rel="noopener noreferrer" />,
     };
 
-    return <div className="form__label" htmlFor="upstream_dns">
+    return <label className="form__label" htmlFor={UPSTREAM_DNS_NAME}>
         <Trans components={components}>upstream_dns_help</Trans>
-    </div>;
+    </label>;
 };
 
 const getInputFields = (upstream_dns_file) => [
     {
         getTitle: Title,
-        name: 'upstream_dns',
+        name: UPSTREAM_DNS_NAME,
         type: 'text',
         value: 'test',
         component: renderTextareaField,