diff --git a/package-lock.json b/package-lock.json
index e404371eef675dc4be8e475d7af0fa0f32b785e9..4ea38f814b7d809d9fff357f22638c48451e8b7c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,7 @@
         "@ahooksjs/use-url-state": "^3.5.0",
         "@emotion/react": "^11.11.1",
         "@emotion/styled": "^11.11.0",
-        "@ess-ics/ce-ui-common": "^0.5.2",
+        "@ess-ics/ce-ui-common": "^0.6.0",
         "@fontsource/roboto": "^4.1.0",
         "@mui/icons-material": "^5.14.1",
         "@mui/material": "^5.14.1",
@@ -2655,9 +2655,9 @@
       }
     },
     "node_modules/@ess-ics/ce-ui-common": {
-      "version": "0.5.2",
-      "resolved": "https://artifactory.esss.lu.se/artifactory/api/npm/ics-npm/@ess-ics/ce-ui-common/-/ce-ui-common-0.5.2.tgz",
-      "integrity": "sha1-aCY34N8VWQdzw/X00QvE5vIkzSE=",
+      "version": "0.6.0",
+      "resolved": "https://artifactory.esss.lu.se/artifactory/api/npm/ics-npm/@ess-ics/ce-ui-common/-/ce-ui-common-0.6.0.tgz",
+      "integrity": "sha1-5yOVZhamHg44YJwx05TWPQ5Pz5I=",
       "dependencies": {
         "@fontsource/titillium-web": "^4.5.9",
         "@mui/x-data-grid-pro": "^6.5.0",
@@ -41722,9 +41722,9 @@
       "dev": true
     },
     "@ess-ics/ce-ui-common": {
-      "version": "0.5.2",
-      "resolved": "https://artifactory.esss.lu.se/artifactory/api/npm/ics-npm/@ess-ics/ce-ui-common/-/ce-ui-common-0.5.2.tgz",
-      "integrity": "sha1-aCY34N8VWQdzw/X00QvE5vIkzSE=",
+      "version": "0.6.0",
+      "resolved": "https://artifactory.esss.lu.se/artifactory/api/npm/ics-npm/@ess-ics/ce-ui-common/-/ce-ui-common-0.6.0.tgz",
+      "integrity": "sha1-5yOVZhamHg44YJwx05TWPQ5Pz5I=",
       "requires": {
         "@fontsource/titillium-web": "^4.5.9",
         "@mui/x-data-grid-pro": "^6.5.0",
diff --git a/package.json b/package.json
index 16dbf31db0a9aa98180be87ab78476ed44bf6eb4..c3551deb8a8cebd58c3ed98be1a11e49dc7ee32b 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "@ahooksjs/use-url-state": "^3.5.0",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@ess-ics/ce-ui-common": "^0.5.2",
+    "@ess-ics/ce-ui-common": "^0.6.0",
     "@fontsource/roboto": "^4.1.0",
     "@mui/icons-material": "^5.14.1",
     "@mui/material": "^5.14.1",
diff --git a/src/components/navigation/NavigationMenu/LoginControls.js b/src/components/navigation/NavigationMenu/LoginControls.js
index 8998e226db161871b5d13f91fe2d6d4bd9936e34..2648e564324c3f4a9e30cd440f2020165c44c120 100644
--- a/src/components/navigation/NavigationMenu/LoginControls.js
+++ b/src/components/navigation/NavigationMenu/LoginControls.js
@@ -117,6 +117,8 @@ export function LoginControls() {
         handleClose={handleClose}
         error={loginError}
         resetError={resetLoginError}
+        idUsername="dialog-username"
+        idPassword="dialog-password"
       />
     </>
   );
diff --git a/src/views/login/LoginView.js b/src/views/login/LoginView.js
index b6b0897c1bbcb2e13ea7b2c735b4352b2f3a21f8..9f3c50bcc951b6953ee23f482fded2e441a3ca3f 100644
--- a/src/views/login/LoginView.js
+++ b/src/views/login/LoginView.js
@@ -46,6 +46,8 @@ export function LoginView() {
               login={login}
               error={loginError}
               resetError={resetLoginError}
+              idUsername="view-username"
+              idPassword="view-password"
             />
           </CardContent>
         </Card>