diff --git a/src/settings/App.tsx b/src/settings/App.tsx
index 0e1b12f65..023f0a53e 100644
--- a/src/settings/App.tsx
+++ b/src/settings/App.tsx
@@ -291,7 +291,7 @@ export class App extends Component<{}, AppState> implements OC.Plugin<OC.Search.
 									 onChange={this.setQuota.bind(this, folder)}/>
 					</td>
 					<td className="acl">
-						<input id={`acl-${folder.id}`} type="checkbox" className="checkbox" checked={folder.acl} disabled={!App.supportACL()}
+						<input id={'acl-' + folder.id} type="checkbox" className="checkbox" checked={folder.acl} disabled={!App.supportACL()}
 							title={
 								App.supportACL()
 									? t('groupfolders', 'Advanced permissions allows setting permissions on a per-file basis but comes with a performance overhead')
@@ -299,7 +299,7 @@ export class App extends Component<{}, AppState> implements OC.Plugin<OC.Search.
 							}
 							onChange={(event) => this.setAcl(folder, event.target.checked)}
 						/>
-						<label htmlFor={`acl-${folder.id}`}></label>
+						<label htmlFor={'acl-' + folder.id}></label>
 						{folder.acl
 							&& <ManageAclSelect
 								folder={folder}