diff --git a/packages/dashboard/src/components/Form/SelfServiceForm.js b/packages/dashboard/src/components/Form/SelfServiceForm.js
index 7f639241..ebc59a0a 100644
--- a/packages/dashboard/src/components/Form/SelfServiceForm.js
+++ b/packages/dashboard/src/components/Form/SelfServiceForm.js
@@ -23,7 +23,7 @@ export default function SelfServiceForm({ config, fieldsConfig, title }) {
               )}
               <div>
                 <input
-                  id={field.name}
+                  id={field.type === "hidden" ? null : field.name}
                   name={field.name}
                   type={field.type}
                   autoComplete={field.autoComplete}
diff --git a/packages/dashboard/src/pages/settings.js b/packages/dashboard/src/pages/settings.js
index 09673ea0..28d32f14 100644
--- a/packages/dashboard/src/pages/settings.js
+++ b/packages/dashboard/src/pages/settings.js
@@ -2,10 +2,11 @@ import { Configuration, PublicApi } from "@ory/kratos-client";
 import Layout from "../components/Layout";
 import config from "../config";
 import SelfServiceForm from "../components/Form/SelfServiceForm";
+import authServerSideProps from "../services/authServerSideProps";
 
 const kratos = new PublicApi(new Configuration({ basePath: config.kratos.public }));
 
-export async function getServerSideProps(context) {
+export const getServerSideProps = authServerSideProps(async (context) => {
   const flow = context.query.flow;
 
   if (process.env.NODE_ENV === "development") {
@@ -41,7 +42,7 @@ export async function getServerSideProps(context) {
       },
     };
   }
-}
+});
 
 const fieldsConfig = {
   "traits.email": {