diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 0c3b63393..f6176bf38 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -59,7 +59,8 @@ export class AppComponent implements OnInit, AfterViewInit {
     ngOnInit(): void {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const win = <any> window;
-        CoreDomUtils.toggleModeClass('ionic5', true, { includeLegacy: true });
+        CoreDomUtils.toggleModeClass('ionic7', true, { includeLegacy: true });
+        CoreDomUtils.toggleModeClass('development', CoreConstants.BUILD.isDevelopment);
         this.addVersionClass(MOODLEAPP_VERSION_PREFIX, CoreConstants.CONFIG.versionname.replace('-dev', ''));
 
         CoreEvents.on(CoreEvents.LOGOUT, async () => {