diff --git a/src/addons/calendar/components/calendar/calendar.ts b/src/addons/calendar/components/calendar/calendar.ts
index 2920b3851..36fd30afa 100644
--- a/src/addons/calendar/components/calendar/calendar.ts
+++ b/src/addons/calendar/components/calendar/calendar.ts
@@ -61,7 +61,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'addon-calendar-calendar',
     templateUrl: 'addon-calendar-calendar.html',
-    styleUrls: ['calendar.scss'],
+    styleUrl: 'calendar.scss',
 })
 export class AddonCalendarCalendarComponent implements OnInit, DoCheck, OnDestroy {
 
diff --git a/src/addons/calendar/components/upcoming-events/upcoming-events.ts b/src/addons/calendar/components/upcoming-events/upcoming-events.ts
index 753a38b55..583a762f0 100644
--- a/src/addons/calendar/components/upcoming-events/upcoming-events.ts
+++ b/src/addons/calendar/components/upcoming-events/upcoming-events.ts
@@ -36,7 +36,7 @@ import { Translate } from '@singletons';
 @Component({
     selector: 'addon-calendar-upcoming-events',
     templateUrl: 'addon-calendar-upcoming-events.html',
-    styleUrls: ['../../calendar-common.scss'],
+    styleUrl: '../../calendar-common.scss',
 })
 export class AddonCalendarUpcomingEventsComponent implements OnInit, DoCheck, OnDestroy {
 
diff --git a/src/addons/calendar/pages/edit-event/edit-event.ts b/src/addons/calendar/pages/edit-event/edit-event.ts
index daa805281..e90b5b7d3 100644
--- a/src/addons/calendar/pages/edit-event/edit-event.ts
+++ b/src/addons/calendar/pages/edit-event/edit-event.ts
@@ -55,7 +55,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-addon-calendar-edit-event',
     templateUrl: 'edit-event.html',
-    styleUrls: ['edit-event.scss'],
+    styleUrl: 'edit-event.scss',
 })
 export class AddonCalendarEditEventPage implements OnInit, OnDestroy, CanLeave {
 
diff --git a/src/addons/messages/pages/contacts-35/contacts.ts b/src/addons/messages/pages/contacts-35/contacts.ts
index a75496fb5..9484ab9f6 100644
--- a/src/addons/messages/pages/contacts-35/contacts.ts
+++ b/src/addons/messages/pages/contacts-35/contacts.ts
@@ -36,7 +36,7 @@ import { CoreKeyboard } from '@singletons/keyboard';
 @Component({
     selector: 'addon-messages-contacts',
     templateUrl: 'contacts.html',
-    styleUrls: ['../../messages-common.scss'],
+    styleUrl: '../../messages-common.scss',
 })
 export class AddonMessagesContacts35Page implements OnInit, OnDestroy {
 
diff --git a/src/addons/messages/pages/contacts/contacts.ts b/src/addons/messages/pages/contacts/contacts.ts
index 94766b892..69599ba3c 100644
--- a/src/addons/messages/pages/contacts/contacts.ts
+++ b/src/addons/messages/pages/contacts/contacts.ts
@@ -31,9 +31,7 @@ import { CoreSplitViewComponent } from '@components/split-view/split-view';
 @Component({
     selector: 'page-addon-messages-contacts',
     templateUrl: 'contacts.html',
-    styleUrls: [
-        '../../messages-common.scss',
-    ],
+    styleUrl: '../../messages-common.scss',
 })
 export class AddonMessagesContactsPage implements OnInit, OnDestroy {
 
diff --git a/src/addons/messages/pages/discussions-35/discussions.ts b/src/addons/messages/pages/discussions-35/discussions.ts
index b6375820b..d4c842a59 100644
--- a/src/addons/messages/pages/discussions-35/discussions.ts
+++ b/src/addons/messages/pages/discussions-35/discussions.ts
@@ -40,7 +40,7 @@ import { CoreKeyboard } from '@singletons/keyboard';
 @Component({
     selector: 'addon-messages-discussions',
     templateUrl: 'discussions.html',
-    styleUrls: ['../../messages-common.scss'],
+    styleUrl: '../../messages-common.scss',
 })
 export class AddonMessagesDiscussions35Page implements OnInit, OnDestroy {
 
diff --git a/src/addons/messages/pages/group-conversations/group-conversations.ts b/src/addons/messages/pages/group-conversations/group-conversations.ts
index 03f1eca6e..259997cb2 100644
--- a/src/addons/messages/pages/group-conversations/group-conversations.ts
+++ b/src/addons/messages/pages/group-conversations/group-conversations.ts
@@ -53,7 +53,7 @@ const enum AddonMessagesGroupConversationOptionNames {
 @Component({
     selector: 'page-addon-messages-group-conversations',
     templateUrl: 'group-conversations.html',
-    styleUrls: ['../../messages-common.scss'],
+    styleUrl: '../../messages-common.scss',
 })
 export class AddonMessagesGroupConversationsPage implements OnInit, OnDestroy {
 
diff --git a/src/addons/mod/assign/components/submission/submission.ts b/src/addons/mod/assign/components/submission/submission.ts
index fd68f8c1b..c918cb08c 100644
--- a/src/addons/mod/assign/components/submission/submission.ts
+++ b/src/addons/mod/assign/components/submission/submission.ts
@@ -77,7 +77,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'addon-mod-assign-submission',
     templateUrl: 'addon-mod-assign-submission.html',
-    styleUrls: ['submission.scss'],
+    styleUrl: 'submission.scss',
 })
 export class AddonModAssignSubmissionComponent implements OnInit, OnDestroy, CanLeave {
 
diff --git a/src/addons/mod/assign/pages/edit/edit.ts b/src/addons/mod/assign/pages/edit/edit.ts
index 6b6154c43..910112882 100644
--- a/src/addons/mod/assign/pages/edit/edit.ts
+++ b/src/addons/mod/assign/pages/edit/edit.ts
@@ -54,7 +54,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-addon-mod-assign-edit',
     templateUrl: 'edit.html',
-    styleUrls: ['edit.scss'],
+    styleUrl: 'edit.scss',
 })
 export class AddonModAssignEditPage implements OnInit, OnDestroy, CanLeave {
 
diff --git a/src/addons/mod/bigbluebuttonbn/components/index/index.ts b/src/addons/mod/bigbluebuttonbn/components/index/index.ts
index 2c3e5d53f..faeb11b60 100644
--- a/src/addons/mod/bigbluebuttonbn/components/index/index.ts
+++ b/src/addons/mod/bigbluebuttonbn/components/index/index.ts
@@ -41,7 +41,7 @@ import { convertTextToHTMLElement } from '@/core/utils/create-html-element';
 @Component({
     selector: 'addon-mod-bbb-index',
     templateUrl: 'index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModBBBIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit {
 
diff --git a/src/addons/mod/book/pages/contents/contents.ts b/src/addons/mod/book/pages/contents/contents.ts
index 29a8a5f43..2ce0ca58e 100644
--- a/src/addons/mod/book/pages/contents/contents.ts
+++ b/src/addons/mod/book/pages/contents/contents.ts
@@ -45,7 +45,7 @@ import { CoreModals } from '@services/modals';
 @Component({
     selector: 'page-addon-mod-book-contents',
     templateUrl: 'contents.html',
-    styleUrls: ['contents.scss'],
+    styleUrl: 'contents.scss',
 })
 export class AddonModBookContentsPage implements OnInit, OnDestroy {
 
diff --git a/src/addons/mod/data/components/index/index.ts b/src/addons/mod/data/components/index/index.ts
index 9c341aebf..b028db3a8 100644
--- a/src/addons/mod/data/components/index/index.ts
+++ b/src/addons/mod/data/components/index/index.ts
@@ -61,7 +61,7 @@ const contentToken = '<!-- CORE-DATABASE-CONTENT-GOES-HERE -->';
 @Component({
     selector: 'addon-mod-data-index',
     templateUrl: 'addon-mod-data-index.html',
-    styleUrls: ['../../data.scss'],
+    styleUrl: '../../data.scss',
 })
 export class AddonModDataIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit, OnDestroy {
 
diff --git a/src/addons/mod/data/pages/entry/entry.ts b/src/addons/mod/data/pages/entry/entry.ts
index d76cdab95..4e2ea678c 100644
--- a/src/addons/mod/data/pages/entry/entry.ts
+++ b/src/addons/mod/data/pages/entry/entry.ts
@@ -50,7 +50,7 @@ import {
 @Component({
     selector: 'page-addon-mod-data-entry',
     templateUrl: 'entry.html',
-    styleUrls: ['../../data.scss'],
+    styleUrl: '../../data.scss',
 })
 export class AddonModDataEntryPage implements OnInit, OnDestroy {
 
diff --git a/src/addons/mod/feedback/pages/form/form.ts b/src/addons/mod/feedback/pages/form/form.ts
index 3302937a7..874dcba5f 100644
--- a/src/addons/mod/feedback/pages/form/form.ts
+++ b/src/addons/mod/feedback/pages/form/form.ts
@@ -51,7 +51,7 @@ import { CoreError } from '@classes/errors/error';
 @Component({
     selector: 'page-addon-mod-feedback-form',
     templateUrl: 'form.html',
-    styleUrls: ['form.scss'],
+    styleUrl: 'form.scss',
 })
 export class AddonModFeedbackFormPage implements OnInit, OnDestroy, CanLeave {
 
diff --git a/src/addons/mod/forum/components/index/index.ts b/src/addons/mod/forum/components/index/index.ts
index adcbd68d1..961a9fd9d 100644
--- a/src/addons/mod/forum/components/index/index.ts
+++ b/src/addons/mod/forum/components/index/index.ts
@@ -74,7 +74,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'addon-mod-forum-index',
     templateUrl: 'index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModForumIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit, AfterViewInit, OnDestroy {
 
diff --git a/src/addons/mod/forum/components/post/post.ts b/src/addons/mod/forum/components/post/post.ts
index 88acd5990..3ae86c5ef 100644
--- a/src/addons/mod/forum/components/post/post.ts
+++ b/src/addons/mod/forum/components/post/post.ts
@@ -65,7 +65,7 @@ import { CoreWSFile } from '@services/ws';
 @Component({
     selector: 'addon-mod-forum-post',
     templateUrl: 'post.html',
-    styleUrls: ['post.scss'],
+    styleUrl: 'post.scss',
 })
 export class AddonModForumPostComponent implements OnInit, OnDestroy, OnChanges {
 
diff --git a/src/addons/mod/forum/pages/discussion/discussion.ts b/src/addons/mod/forum/pages/discussion/discussion.ts
index 111b0abfb..e023ce08e 100644
--- a/src/addons/mod/forum/pages/discussion/discussion.ts
+++ b/src/addons/mod/forum/pages/discussion/discussion.ts
@@ -73,7 +73,7 @@ type Post = AddonModForumPost & { children?: Post[] };
 @Component({
     selector: 'page-addon-mod-forum-discussion',
     templateUrl: 'discussion.html',
-    styleUrls: ['discussion.scss'],
+    styleUrl: 'discussion.scss',
 })
 export class AddonModForumDiscussionPage implements OnInit, AfterViewInit, OnDestroy, CanLeave {
 
diff --git a/src/addons/mod/forum/pages/new-discussion/new-discussion.ts b/src/addons/mod/forum/pages/new-discussion/new-discussion.ts
index 2c0c3c18f..9e8d0a7e9 100644
--- a/src/addons/mod/forum/pages/new-discussion/new-discussion.ts
+++ b/src/addons/mod/forum/pages/new-discussion/new-discussion.ts
@@ -70,7 +70,7 @@ type NewDiscussionData = {
 @Component({
     selector: 'page-addon-mod-forum-new-discussion',
     templateUrl: 'new-discussion.html',
-    styleUrls: ['new-discussion.scss'],
+    styleUrl: 'new-discussion.scss',
 })
 export class AddonModForumNewDiscussionPage implements OnInit, OnDestroy, CanLeave {
 
diff --git a/src/addons/mod/glossary/components/index/index.ts b/src/addons/mod/glossary/components/index/index.ts
index ec6f8bd57..5c71d84cd 100644
--- a/src/addons/mod/glossary/components/index/index.ts
+++ b/src/addons/mod/glossary/components/index/index.ts
@@ -66,7 +66,7 @@ import { CorePopovers } from '@services/popovers';
 @Component({
     selector: 'addon-mod-glossary-index',
     templateUrl: 'addon-mod-glossary-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModGlossaryIndexComponent extends CoreCourseModuleMainActivityComponent
     implements OnInit, AfterViewInit, OnDestroy {
diff --git a/src/addons/mod/h5pactivity/pages/attempt-results/attempt-results.ts b/src/addons/mod/h5pactivity/pages/attempt-results/attempt-results.ts
index f10fce516..8906f1e40 100644
--- a/src/addons/mod/h5pactivity/pages/attempt-results/attempt-results.ts
+++ b/src/addons/mod/h5pactivity/pages/attempt-results/attempt-results.ts
@@ -33,7 +33,7 @@ import { ADDON_MOD_H5PACTIVITY_COMPONENT } from '../../constants';
 @Component({
     selector: 'page-addon-mod-h5pactivity-attempt-results',
     templateUrl: 'attempt-results.html',
-    styleUrls: ['attempt-results.scss'],
+    styleUrl: 'attempt-results.scss',
 })
 export class AddonModH5PActivityAttemptResultsPage implements OnInit {
 
diff --git a/src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.ts b/src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.ts
index dba3a8e9d..7eed14e63 100644
--- a/src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.ts
+++ b/src/addons/mod/h5pactivity/pages/user-attempts/user-attempts.ts
@@ -34,7 +34,7 @@ import { CoreAnalytics, CoreAnalyticsEventType } from '@services/analytics';
 @Component({
     selector: 'page-addon-mod-h5pactivity-user-attempts',
     templateUrl: 'user-attempts.html',
-    styleUrls: ['user-attempts.scss'],
+    styleUrl: 'user-attempts.scss',
 })
 export class AddonModH5PActivityUserAttemptsPage implements OnInit {
 
diff --git a/src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.ts b/src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.ts
index 6e1d0bf85..aee723c13 100644
--- a/src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.ts
+++ b/src/addons/mod/h5pactivity/pages/users-attempts/users-attempts.ts
@@ -33,7 +33,7 @@ import { AddonModH5PActivityGradeMethod } from '../../constants';
 @Component({
     selector: 'page-addon-mod-h5pactivity-users-attempts',
     templateUrl: 'users-attempts.html',
-    styleUrls: ['users-attempts.scss'],
+    styleUrl: 'users-attempts.scss',
 })
 export class AddonModH5PActivityUsersAttemptsPage implements OnInit {
 
diff --git a/src/addons/mod/imscp/components/index/index.ts b/src/addons/mod/imscp/components/index/index.ts
index d8ccbc578..67b1151c2 100644
--- a/src/addons/mod/imscp/components/index/index.ts
+++ b/src/addons/mod/imscp/components/index/index.ts
@@ -27,7 +27,7 @@ import { ADDON_MOD_IMSCP_COMPONENT, ADDON_MOD_IMSCP_PAGE_NAME } from '../../cons
 @Component({
     selector: 'addon-mod-imscp-index',
     templateUrl: 'addon-mod-imscp-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModImscpIndexComponent extends CoreCourseModuleMainResourceComponent implements OnInit {
 
diff --git a/src/addons/mod/lesson/pages/player/player.ts b/src/addons/mod/lesson/pages/player/player.ts
index 57c984ef3..160cd3512 100644
--- a/src/addons/mod/lesson/pages/player/player.ts
+++ b/src/addons/mod/lesson/pages/player/player.ts
@@ -62,7 +62,7 @@ import { CoreModals } from '@services/modals';
 @Component({
     selector: 'page-addon-mod-lesson-player',
     templateUrl: 'player.html',
-    styleUrls: ['player.scss'],
+    styleUrl: 'player.scss',
 })
 export class AddonModLessonPlayerPage implements OnInit, OnDestroy, CanLeave {
 
diff --git a/src/addons/mod/lesson/pages/user-retake/user-retake.ts b/src/addons/mod/lesson/pages/user-retake/user-retake.ts
index 3ecb605a4..090df40d8 100644
--- a/src/addons/mod/lesson/pages/user-retake/user-retake.ts
+++ b/src/addons/mod/lesson/pages/user-retake/user-retake.ts
@@ -42,7 +42,7 @@ import { ADDON_MOD_LESSON_COMPONENT } from '../../constants';
 @Component({
     selector: 'page-addon-mod-lesson-user-retake',
     templateUrl: 'user-retake.html',
-    styleUrls: ['user-retake.scss'],
+    styleUrl: 'user-retake.scss',
 })
 export class AddonModLessonUserRetakePage implements OnInit {
 
diff --git a/src/addons/mod/quiz/components/attempt-state/attempt-state.ts b/src/addons/mod/quiz/components/attempt-state/attempt-state.ts
index 11bae29df..1220361a0 100644
--- a/src/addons/mod/quiz/components/attempt-state/attempt-state.ts
+++ b/src/addons/mod/quiz/components/attempt-state/attempt-state.ts
@@ -22,7 +22,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'addon-mod-quiz-attempt-state',
     templateUrl: 'attempt-state.html',
-    styleUrls: ['attempt-state.scss'],
+    styleUrl: 'attempt-state.scss',
 })
 export class AddonModQuizAttemptStateComponent implements OnChanges {
 
diff --git a/src/addons/mod/quiz/components/index/index.ts b/src/addons/mod/quiz/components/index/index.ts
index 3d6208f26..9b9ab34a6 100644
--- a/src/addons/mod/quiz/components/index/index.ts
+++ b/src/addons/mod/quiz/components/index/index.ts
@@ -58,7 +58,7 @@ import { QuestionDisplayOptionsMarks } from '@features/question/constants';
 @Component({
     selector: 'addon-mod-quiz-index',
     templateUrl: 'addon-mod-quiz-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModQuizIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit, OnDestroy {
 
diff --git a/src/addons/mod/resource/components/index/index.ts b/src/addons/mod/resource/components/index/index.ts
index 27f536692..b392828a4 100644
--- a/src/addons/mod/resource/components/index/index.ts
+++ b/src/addons/mod/resource/components/index/index.ts
@@ -42,7 +42,7 @@ import { ADDON_MOD_RESOURCE_COMPONENT } from '../../constants';
 @Component({
     selector: 'addon-mod-resource-index',
     templateUrl: 'addon-mod-resource-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModResourceIndexComponent extends CoreCourseModuleMainResourceComponent implements OnInit, OnDestroy {
 
diff --git a/src/addons/mod/scorm/components/index/index.ts b/src/addons/mod/scorm/components/index/index.ts
index eb9febdb4..3c2e7026a 100644
--- a/src/addons/mod/scorm/components/index/index.ts
+++ b/src/addons/mod/scorm/components/index/index.ts
@@ -57,7 +57,7 @@ import { CoreWait } from '@singletons/wait';
 @Component({
     selector: 'addon-mod-scorm-index',
     templateUrl: 'addon-mod-scorm-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModScormIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit {
 
diff --git a/src/addons/mod/survey/components/index/index.ts b/src/addons/mod/survey/components/index/index.ts
index c87fba5f6..4dea07acd 100644
--- a/src/addons/mod/survey/components/index/index.ts
+++ b/src/addons/mod/survey/components/index/index.ts
@@ -46,7 +46,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'addon-mod-survey-index',
     templateUrl: 'addon-mod-survey-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModSurveyIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit {
 
diff --git a/src/addons/mod/url/components/index/index.ts b/src/addons/mod/url/components/index/index.ts
index 9c2cc0463..c4a2ea271 100644
--- a/src/addons/mod/url/components/index/index.ts
+++ b/src/addons/mod/url/components/index/index.ts
@@ -31,7 +31,7 @@ import { CoreSites } from '@services/sites';
 @Component({
     selector: 'addon-mod-url-index',
     templateUrl: 'addon-mod-url-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModUrlIndexComponent extends CoreCourseModuleMainResourceComponent implements OnInit {
 
diff --git a/src/addons/mod/wiki/components/index/index.ts b/src/addons/mod/wiki/components/index/index.ts
index 3ec062614..62e99a9b5 100644
--- a/src/addons/mod/wiki/components/index/index.ts
+++ b/src/addons/mod/wiki/components/index/index.ts
@@ -67,7 +67,7 @@ import { CorePopovers } from '@services/popovers';
 @Component({
     selector: 'addon-mod-wiki-index',
     templateUrl: 'addon-mod-wiki-index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class AddonModWikiIndexComponent extends CoreCourseModuleMainActivityComponent implements OnInit, OnDestroy {
 
diff --git a/src/addons/mod/workshop/components/submission/submission.ts b/src/addons/mod/workshop/components/submission/submission.ts
index 0b3481f09..5e576bf6f 100644
--- a/src/addons/mod/workshop/components/submission/submission.ts
+++ b/src/addons/mod/workshop/components/submission/submission.ts
@@ -38,7 +38,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'addon-mod-workshop-submission',
     templateUrl: 'addon-mod-workshop-submission.html',
-    styleUrls: ['submission.scss'],
+    styleUrl: 'submission.scss',
 })
 export class AddonModWorkshopSubmissionComponent implements OnInit {
 
diff --git a/src/addons/notifications/pages/settings/settings.ts b/src/addons/notifications/pages/settings/settings.ts
index c6702431d..59bc38a6e 100644
--- a/src/addons/notifications/pages/settings/settings.ts
+++ b/src/addons/notifications/pages/settings/settings.ts
@@ -48,7 +48,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-addon-notifications-settings',
     templateUrl: 'settings.html',
-    styleUrls: ['settings.scss'],
+    styleUrl: 'settings.scss',
 })
 export class AddonNotificationsSettingsPage implements OnInit, OnDestroy {
 
diff --git a/src/addons/privatefiles/components/file/file.ts b/src/addons/privatefiles/components/file/file.ts
index f274a0d4a..061dd382c 100644
--- a/src/addons/privatefiles/components/file/file.ts
+++ b/src/addons/privatefiles/components/file/file.ts
@@ -21,7 +21,7 @@ import { CoreFileComponent } from '@components/file/file';
     selector: 'addon-privatefiles-file',
     templateUrl: 'file.html',
     standalone: true,
-    styleUrls: ['file.scss'],
+    styleUrl: 'file.scss',
     imports: [CoreSharedModule],
 })
 export class AddonPrivateFilesFileComponent extends CoreFileComponent implements OnDestroy {
diff --git a/src/addons/privatefiles/pages/index/index.ts b/src/addons/privatefiles/pages/index/index.ts
index 8079da293..0b4606a66 100644
--- a/src/addons/privatefiles/pages/index/index.ts
+++ b/src/addons/privatefiles/pages/index/index.ts
@@ -45,7 +45,7 @@ import { AddonPrivateFilesFileComponent } from '@addons/privatefiles/components/
 @Component({
     selector: 'page-addon-privatefiles-index',
     templateUrl: 'index.html',
-    styleUrls: ['./index.scss'],
+    styleUrl: './index.scss',
 })
 export class AddonPrivateFilesIndexPage implements OnInit, OnDestroy {
 
diff --git a/src/addons/qtype/calculated/component/calculated.ts b/src/addons/qtype/calculated/component/calculated.ts
index 18c064819..1b5121a6f 100644
--- a/src/addons/qtype/calculated/component/calculated.ts
+++ b/src/addons/qtype/calculated/component/calculated.ts
@@ -22,7 +22,7 @@ import { AddonModQuizCalculatedQuestion, CoreQuestionBaseComponent } from '@feat
 @Component({
     selector: 'addon-qtype-calculated',
     templateUrl: 'addon-qtype-calculated.html',
-    styleUrls: ['calculated.scss'],
+    styleUrl: 'calculated.scss',
 })
 export class AddonQtypeCalculatedComponent extends CoreQuestionBaseComponent<AddonModQuizCalculatedQuestion> {
 
diff --git a/src/addons/qtype/ddmarker/component/ddmarker.ts b/src/addons/qtype/ddmarker/component/ddmarker.ts
index e6b22c13e..e2cd2ebaa 100644
--- a/src/addons/qtype/ddmarker/component/ddmarker.ts
+++ b/src/addons/qtype/ddmarker/component/ddmarker.ts
@@ -27,7 +27,7 @@ import { AddonQtypeDdMarkerQuestion } from '../classes/ddmarker';
 @Component({
     selector: 'addon-qtype-ddmarker',
     templateUrl: 'addon-qtype-ddmarker.html',
-    styleUrls: ['ddmarker.scss'],
+    styleUrl: 'ddmarker.scss',
 })
 export class AddonQtypeDdMarkerComponent
     extends CoreQuestionBaseComponent<AddonQtypeDdMarkerQuestionData>
diff --git a/src/addons/qtype/gapselect/component/gapselect.ts b/src/addons/qtype/gapselect/component/gapselect.ts
index 5e5d458c5..0c0852eb1 100644
--- a/src/addons/qtype/gapselect/component/gapselect.ts
+++ b/src/addons/qtype/gapselect/component/gapselect.ts
@@ -23,7 +23,7 @@ import { CoreQuestionHelper } from '@features/question/services/question-helper'
 @Component({
     selector: 'addon-qtype-gapselect',
     templateUrl: 'addon-qtype-gapselect.html',
-    styleUrls: ['gapselect.scss'],
+    styleUrl: 'gapselect.scss',
 })
 export class AddonQtypeGapSelectComponent extends CoreQuestionBaseComponent {
 
diff --git a/src/addons/qtype/match/component/match.ts b/src/addons/qtype/match/component/match.ts
index 8117b7795..7f0f57383 100644
--- a/src/addons/qtype/match/component/match.ts
+++ b/src/addons/qtype/match/component/match.ts
@@ -22,7 +22,7 @@ import { AddonModQuizMatchQuestion, CoreQuestionBaseComponent } from '@features/
 @Component({
     selector: 'addon-qtype-match',
     templateUrl: 'addon-qtype-match.html',
-    styleUrls: ['match.scss'],
+    styleUrl: 'match.scss',
 })
 export class AddonQtypeMatchComponent extends CoreQuestionBaseComponent<AddonModQuizMatchQuestion> {
 
diff --git a/src/addons/qtype/multianswer/component/multianswer.ts b/src/addons/qtype/multianswer/component/multianswer.ts
index b52ffa63d..f9c3adc3c 100644
--- a/src/addons/qtype/multianswer/component/multianswer.ts
+++ b/src/addons/qtype/multianswer/component/multianswer.ts
@@ -22,7 +22,7 @@ import { CoreQuestionHelper } from '@features/question/services/question-helper'
 @Component({
     selector: 'addon-qtype-multianswer',
     templateUrl: 'addon-qtype-multianswer.html',
-    styleUrls: ['multianswer.scss'],
+    styleUrl: 'multianswer.scss',
 })
 export class AddonQtypeMultiAnswerComponent extends CoreQuestionBaseComponent {
 
diff --git a/src/addons/qtype/multichoice/component/multichoice.ts b/src/addons/qtype/multichoice/component/multichoice.ts
index 0be0f6951..3a615401d 100644
--- a/src/addons/qtype/multichoice/component/multichoice.ts
+++ b/src/addons/qtype/multichoice/component/multichoice.ts
@@ -22,7 +22,7 @@ import { AddonModQuizMultichoiceQuestion, CoreQuestionBaseComponent } from '@fea
 @Component({
     selector: 'addon-qtype-multichoice',
     templateUrl: 'addon-qtype-multichoice.html',
-    styleUrls: ['multichoice.scss'],
+    styleUrl: 'multichoice.scss',
 })
 export class AddonQtypeMultichoiceComponent extends CoreQuestionBaseComponent<AddonModQuizMultichoiceQuestion> {
 
diff --git a/src/addons/qtype/shortanswer/component/shortanswer.ts b/src/addons/qtype/shortanswer/component/shortanswer.ts
index 990c195cc..c955c6bd3 100644
--- a/src/addons/qtype/shortanswer/component/shortanswer.ts
+++ b/src/addons/qtype/shortanswer/component/shortanswer.ts
@@ -22,7 +22,7 @@ import { AddonModQuizTextQuestion, CoreQuestionBaseComponent } from '@features/q
 @Component({
     selector: 'addon-qtype-shortanswer',
     templateUrl: 'addon-qtype-shortanswer.html',
-    styleUrls: ['shortanswer.scss'],
+    styleUrl: 'shortanswer.scss',
 })
 export class AddonQtypeShortAnswerComponent extends CoreQuestionBaseComponent<AddonModQuizTextQuestion> {
 
diff --git a/src/addons/storagemanager/pages/courses-storage/courses-storage.ts b/src/addons/storagemanager/pages/courses-storage/courses-storage.ts
index c09367c1d..ab658f4a4 100644
--- a/src/addons/storagemanager/pages/courses-storage/courses-storage.ts
+++ b/src/addons/storagemanager/pages/courses-storage/courses-storage.ts
@@ -34,7 +34,7 @@ import { CoreEventObserver, CoreEvents } from '@singletons/events';
 @Component({
     selector: 'page-addon-storagemanager-courses-storage',
     templateUrl: 'courses-storage.html',
-    styleUrls: ['courses-storage.scss'],
+    styleUrl: 'courses-storage.scss',
 })
 export class AddonStorageManagerCoursesStoragePage implements OnInit, OnDestroy {
 
diff --git a/src/addons/userprofilefield/checkbox/component/checkbox.ts b/src/addons/userprofilefield/checkbox/component/checkbox.ts
index be762fc87..22fef02d2 100644
--- a/src/addons/userprofilefield/checkbox/component/checkbox.ts
+++ b/src/addons/userprofilefield/checkbox/component/checkbox.ts
@@ -25,7 +25,7 @@ import { CoreUtils } from '@services/utils/utils';
 @Component({
     selector: 'addon-user-profile-field-checkbox',
     templateUrl: 'addon-user-profile-field-checkbox.html',
-    styleUrls: ['./checkbox.scss'],
+    styleUrl: './checkbox.scss',
 })
 export class AddonUserProfileFieldCheckboxComponent extends CoreUserProfileFieldBaseComponent<boolean> {
 
diff --git a/src/addons/userprofilefield/menu/component/menu.ts b/src/addons/userprofilefield/menu/component/menu.ts
index 2109277d0..602467823 100644
--- a/src/addons/userprofilefield/menu/component/menu.ts
+++ b/src/addons/userprofilefield/menu/component/menu.ts
@@ -23,7 +23,7 @@ import { CoreUserProfileFieldBaseComponent } from '@features/user/classes/base-p
 @Component({
     selector: 'addon-user-profile-field-menu',
     templateUrl: 'addon-user-profile-field-menu.html',
-    styleUrls: ['./menu.scss'],
+    styleUrl: './menu.scss',
 })
 export class AddonUserProfileFieldMenuComponent extends CoreUserProfileFieldBaseComponent {
 
diff --git a/src/core/components/attachments/attachments.ts b/src/core/components/attachments/attachments.ts
index 54895fa55..7abcc61f9 100644
--- a/src/core/components/attachments/attachments.ts
+++ b/src/core/components/attachments/attachments.ts
@@ -43,7 +43,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-attachments',
     templateUrl: 'core-attachments.html',
-    styleUrls: ['attachments.scss'],
+    styleUrl: 'attachments.scss',
 })
 export class CoreAttachmentsComponent implements OnInit {
 
diff --git a/src/core/components/button-with-spinner/button-with-spinner.ts b/src/core/components/button-with-spinner/button-with-spinner.ts
index ab6b611e7..818704232 100644
--- a/src/core/components/button-with-spinner/button-with-spinner.ts
+++ b/src/core/components/button-with-spinner/button-with-spinner.ts
@@ -27,7 +27,7 @@ import { CoreAnimations } from '@components/animations';
 @Component({
     selector: 'core-button-with-spinner',
     templateUrl: 'core-button-with-spinner.html',
-    styleUrls: ['button-with-spinner.scss'],
+    styleUrl: 'button-with-spinner.scss',
     animations: [CoreAnimations.SHOW_HIDE],
 })
 export class CoreButtonWithSpinnerComponent {
diff --git a/src/core/components/chart/chart.ts b/src/core/components/chart/chart.ts
index 5f5affbd3..e71cd8600 100644
--- a/src/core/components/chart/chart.ts
+++ b/src/core/components/chart/chart.ts
@@ -30,7 +30,7 @@ import { ChartLegendLabelItem, ChartLegendOptions } from 'chart.js';
 @Component({
     selector: 'core-chart',
     templateUrl: 'core-chart.html',
-    styleUrls: ['chart.scss'],
+    styleUrl: 'chart.scss',
 })
 export class CoreChartComponent implements OnDestroy, OnInit, OnChanges {
 
diff --git a/src/core/components/combobox/combobox.ts b/src/core/components/combobox/combobox.ts
index 51a8ee8a3..8602dec8d 100644
--- a/src/core/components/combobox/combobox.ts
+++ b/src/core/components/combobox/combobox.ts
@@ -40,7 +40,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-combobox',
     templateUrl: 'core-combobox.html',
-    styleUrls: ['combobox.scss'],
+    styleUrl: 'combobox.scss',
     providers: [
         {
             provide: NG_VALUE_ACCESSOR,
diff --git a/src/core/components/course-image/course-image.ts b/src/core/components/course-image/course-image.ts
index a6b559873..d8459c8c0 100644
--- a/src/core/components/course-image/course-image.ts
+++ b/src/core/components/course-image/course-image.ts
@@ -21,7 +21,7 @@ import { CoreColors } from '@singletons/colors';
 @Component({
     selector: 'core-course-image',
     templateUrl: 'course-image.html',
-    styleUrls: ['./course-image.scss'],
+    styleUrl: './course-image.scss',
 })
 export class CoreCourseImageComponent {
 
diff --git a/src/core/components/download-refresh/download-refresh.ts b/src/core/components/download-refresh/download-refresh.ts
index a4f491726..9093b1272 100644
--- a/src/core/components/download-refresh/download-refresh.ts
+++ b/src/core/components/download-refresh/download-refresh.ts
@@ -27,7 +27,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-download-refresh',
     templateUrl: 'core-download-refresh.html',
-    styleUrls: ['download-refresh.scss'],
+    styleUrl: 'download-refresh.scss',
     animations: [CoreAnimations.SHOW_HIDE],
 })
 export class CoreDownloadRefreshComponent implements OnInit {
diff --git a/src/core/components/horizontal-scroll-controls/horizontal-scroll-controls.ts b/src/core/components/horizontal-scroll-controls/horizontal-scroll-controls.ts
index e0ea431e0..7c94cfda2 100644
--- a/src/core/components/horizontal-scroll-controls/horizontal-scroll-controls.ts
+++ b/src/core/components/horizontal-scroll-controls/horizontal-scroll-controls.ts
@@ -25,7 +25,7 @@ const enum ScrollPosition {
 @Component({
     selector: 'core-horizontal-scroll-controls',
     templateUrl: 'core-horizontal-scroll-controls.html',
-    styleUrls: ['./horizontal-scroll-controls.scss'],
+    styleUrl: './horizontal-scroll-controls.scss',
 })
 export class CoreHorizontalScrollControlsComponent {
 
diff --git a/src/core/components/iframe/iframe.ts b/src/core/components/iframe/iframe.ts
index 1fca966a9..af12e883b 100644
--- a/src/core/components/iframe/iframe.ts
+++ b/src/core/components/iframe/iframe.ts
@@ -33,7 +33,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-iframe',
     templateUrl: 'core-iframe.html',
-    styleUrls: ['iframe.scss'],
+    styleUrl: 'iframe.scss',
 })
 export class CoreIframeComponent implements OnChanges, OnDestroy {
 
diff --git a/src/core/components/input-errors/input-errors.ts b/src/core/components/input-errors/input-errors.ts
index 61cb6b791..df2c2eb7f 100644
--- a/src/core/components/input-errors/input-errors.ts
+++ b/src/core/components/input-errors/input-errors.ts
@@ -36,7 +36,7 @@ import { FormControl } from '@angular/forms';
 @Component({
     selector: 'core-input-errors',
     templateUrl: 'core-input-errors.html',
-    styleUrls: ['input-errors.scss'],
+    styleUrl: 'input-errors.scss',
 })
 export class CoreInputErrorsComponent implements OnInit, OnChanges {
 
diff --git a/src/core/components/loading/loading.ts b/src/core/components/loading/loading.ts
index bba7bb873..b97466f9e 100644
--- a/src/core/components/loading/loading.ts
+++ b/src/core/components/loading/loading.ts
@@ -47,7 +47,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-loading',
     templateUrl: 'core-loading.html',
-    styleUrls: ['loading.scss'],
+    styleUrl: 'loading.scss',
     animations: [CoreAnimations.SHOW_HIDE],
 })
 export class CoreLoadingComponent implements OnInit, OnChanges, AfterViewInit, AsyncDirective, OnDestroy {
diff --git a/src/core/components/mark-required/mark-required.ts b/src/core/components/mark-required/mark-required.ts
index da40c2940..c271a5e41 100644
--- a/src/core/components/mark-required/mark-required.ts
+++ b/src/core/components/mark-required/mark-required.ts
@@ -31,7 +31,7 @@ import { Translate } from '@singletons';
 @Component({
     selector: '[core-mark-required]',
     templateUrl: 'core-mark-required.html',
-    styleUrls: ['mark-required.scss'],
+    styleUrl: 'mark-required.scss',
 })
 export class CoreMarkRequiredComponent implements AfterViewInit {
 
diff --git a/src/core/components/message/message.ts b/src/core/components/message/message.ts
index aeb18b6ae..613361250 100644
--- a/src/core/components/message/message.ts
+++ b/src/core/components/message/message.ts
@@ -26,7 +26,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-message',
     templateUrl: 'message.html',
-    styleUrls: ['message.scss'],
+    styleUrl: 'message.scss',
     animations: [CoreAnimations.SLIDE_IN_OUT],
 })
 export class CoreMessageComponent implements OnInit {
diff --git a/src/core/components/mod-icon/mod-icon.ts b/src/core/components/mod-icon/mod-icon.ts
index 3c10b5eb2..d6cdd96a2 100644
--- a/src/core/components/mod-icon/mod-icon.ts
+++ b/src/core/components/mod-icon/mod-icon.ts
@@ -46,7 +46,7 @@ const enum IconVersion {
 @Component({
     selector: 'core-mod-icon',
     templateUrl: 'mod-icon.html',
-    styleUrls: ['mod-icon.scss'],
+    styleUrl: 'mod-icon.scss',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class CoreModIconComponent implements OnInit, OnChanges {
diff --git a/src/core/components/navbar-buttons/navbar-buttons.ts b/src/core/components/navbar-buttons/navbar-buttons.ts
index 631732347..e06a88435 100644
--- a/src/core/components/navbar-buttons/navbar-buttons.ts
+++ b/src/core/components/navbar-buttons/navbar-buttons.ts
@@ -53,7 +53,7 @@ const BUTTON_HIDDEN_CLASS = 'core-navbar-button-hidden';
 @Component({
     selector: 'core-navbar-buttons',
     template: '<ng-content/><template #contextMenuContainer>-</template>',
-    styleUrls: ['navbar-buttons.scss'],
+    styleUrl: 'navbar-buttons.scss',
 })
 export class CoreNavBarButtonsComponent implements OnInit, OnDestroy {
 
diff --git a/src/core/components/navigation-bar/navigation-bar.ts b/src/core/components/navigation-bar/navigation-bar.ts
index 5c1d54737..9f033e689 100644
--- a/src/core/components/navigation-bar/navigation-bar.ts
+++ b/src/core/components/navigation-bar/navigation-bar.ts
@@ -28,7 +28,7 @@ import { Translate } from '@singletons';
 @Component({
     selector: 'core-navigation-bar',
     templateUrl: 'core-navigation-bar.html',
-    styleUrls: ['navigation-bar.scss'],
+    styleUrl: 'navigation-bar.scss',
 })
 export class CoreNavigationBarComponent implements OnChanges {
 
diff --git a/src/core/components/progress-bar/progress-bar.ts b/src/core/components/progress-bar/progress-bar.ts
index 1d30c770c..970aa5885 100644
--- a/src/core/components/progress-bar/progress-bar.ts
+++ b/src/core/components/progress-bar/progress-bar.ts
@@ -25,7 +25,7 @@ import { DomSanitizer, Translate } from '@singletons';
 @Component({
     selector: 'core-progress-bar',
     templateUrl: 'core-progress-bar.html',
-    styleUrls: ['progress-bar.scss'],
+    styleUrl: 'progress-bar.scss',
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class CoreProgressBarComponent implements OnChanges {
diff --git a/src/core/components/send-message-form/send-message-form.ts b/src/core/components/send-message-form/send-message-form.ts
index 63e0cde37..dd1cbde30 100644
--- a/src/core/components/send-message-form/send-message-form.ts
+++ b/src/core/components/send-message-form/send-message-form.ts
@@ -35,7 +35,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-send-message-form',
     templateUrl: 'core-send-message-form.html',
-    styleUrls: ['send-message-form.scss'],
+    styleUrl: 'send-message-form.scss',
 })
 export class CoreSendMessageFormComponent {
 
diff --git a/src/core/components/sheet-modal/sheet-modal.ts b/src/core/components/sheet-modal/sheet-modal.ts
index af8ce0f17..9870071d2 100644
--- a/src/core/components/sheet-modal/sheet-modal.ts
+++ b/src/core/components/sheet-modal/sheet-modal.ts
@@ -24,7 +24,7 @@ import { CoreDirectivesRegistry } from '@singletons/directives-registry';
 @Component({
     selector: 'core-sheet-modal',
     templateUrl: 'sheet-modal.html',
-    styleUrls: ['sheet-modal.scss'],
+    styleUrl: 'sheet-modal.scss',
 })
 export class CoreSheetModalComponent<T extends CoreModalComponent> implements AfterViewInit {
 
diff --git a/src/core/components/sites-list/sites-list.ts b/src/core/components/sites-list/sites-list.ts
index 78d83c89f..4018d83ff 100644
--- a/src/core/components/sites-list/sites-list.ts
+++ b/src/core/components/sites-list/sites-list.ts
@@ -39,7 +39,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-sites-list',
     templateUrl: 'sites-list.html',
-    styleUrls: ['sites-list.scss'],
+    styleUrl: 'sites-list.scss',
 })
 export class CoreSitesListComponent<T extends CoreSiteBasicInfo> {
 
diff --git a/src/core/components/split-view/split-view.ts b/src/core/components/split-view/split-view.ts
index e7d8fc6af..4bf6534cd 100644
--- a/src/core/components/split-view/split-view.ts
+++ b/src/core/components/split-view/split-view.ts
@@ -29,7 +29,7 @@ const disabledScrollClass = 'disable-scroll-y';
 @Component({
     selector: 'core-split-view',
     templateUrl: 'split-view.html',
-    styleUrls: ['split-view.scss'],
+    styleUrl: 'split-view.scss',
 })
 export class CoreSplitViewComponent implements AfterViewInit, OnDestroy {
 
diff --git a/src/core/components/swipe-navigation-tour/swipe-navigation-tour.ts b/src/core/components/swipe-navigation-tour/swipe-navigation-tour.ts
index fb5c59085..5919c4ebc 100644
--- a/src/core/components/swipe-navigation-tour/swipe-navigation-tour.ts
+++ b/src/core/components/swipe-navigation-tour/swipe-navigation-tour.ts
@@ -21,7 +21,7 @@ import { CoreUserTours } from '@features/usertours/services/user-tours';
 @Component({
     selector: 'core-swipe-navigation-tour',
     templateUrl: 'core-swipe-navigation-tour.html',
-    styleUrls: ['swipe-navigation-tour.scss'],
+    styleUrl: 'swipe-navigation-tour.scss',
 })
 export class CoreSwipeNavigationTourComponent {
 
diff --git a/src/core/components/swipe-slides/swipe-slides.ts b/src/core/components/swipe-slides/swipe-slides.ts
index 182fdc890..4830ee1e8 100644
--- a/src/core/components/swipe-slides/swipe-slides.ts
+++ b/src/core/components/swipe-slides/swipe-slides.ts
@@ -34,7 +34,7 @@ import { SwiperOptions } from 'swiper/types';
 @Component({
     selector: 'core-swipe-slides',
     templateUrl: 'swipe-slides.html',
-    styleUrls: ['swipe-slides.scss'],
+    styleUrl: 'swipe-slides.scss',
 })
 export class CoreSwipeSlidesComponent<Item = unknown> implements OnChanges, OnDestroy, AsyncDirective {
 
diff --git a/src/core/components/tabs-outlet/tabs-outlet.ts b/src/core/components/tabs-outlet/tabs-outlet.ts
index 076e3963f..65c254d61 100644
--- a/src/core/components/tabs-outlet/tabs-outlet.ts
+++ b/src/core/components/tabs-outlet/tabs-outlet.ts
@@ -49,7 +49,7 @@ import { CorePath } from '@singletons/path';
 @Component({
     selector: 'core-tabs-outlet',
     templateUrl: 'core-tabs-outlet.html',
-    styleUrls: ['../tabs/tabs.scss'],
+    styleUrl: '../tabs/tabs.scss',
 })
 export class CoreTabsOutletComponent extends CoreTabsBaseComponent<CoreTabsOutletTab>
     implements AfterViewInit, OnChanges, OnDestroy {
diff --git a/src/core/components/tabs/tabs.ts b/src/core/components/tabs/tabs.ts
index a84bf2e4d..31f6343a2 100644
--- a/src/core/components/tabs/tabs.ts
+++ b/src/core/components/tabs/tabs.ts
@@ -41,7 +41,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-tabs',
     templateUrl: 'core-tabs.html',
-    styleUrls: ['tabs.scss'],
+    styleUrl: 'tabs.scss',
 })
 export class CoreTabsComponent extends CoreTabsBaseComponent<CoreTabComponent> implements AfterViewInit {
 
diff --git a/src/core/components/timer/timer.ts b/src/core/components/timer/timer.ts
index 15ba62e7b..5f1b660ca 100644
--- a/src/core/components/timer/timer.ts
+++ b/src/core/components/timer/timer.ts
@@ -27,7 +27,7 @@ import { CoreTimeUtils } from '@services/utils/time';
 @Component({
     selector: 'core-timer',
     templateUrl: 'core-timer.html',
-    styleUrls: ['timer.scss'],
+    styleUrl: 'timer.scss',
 })
 export class CoreTimerComponent implements OnInit, OnDestroy {
 
diff --git a/src/core/components/user-avatar/user-avatar.ts b/src/core/components/user-avatar/user-avatar.ts
index de961ba4b..994f94527 100644
--- a/src/core/components/user-avatar/user-avatar.ts
+++ b/src/core/components/user-avatar/user-avatar.ts
@@ -33,7 +33,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-user-avatar',
     templateUrl: 'core-user-avatar.html',
-    styleUrls: ['user-avatar.scss'],
+    styleUrl: 'user-avatar.scss',
 })
 export class CoreUserAvatarComponent implements OnInit, OnChanges, OnDestroy {
 
diff --git a/src/core/features/block/components/block/block.ts b/src/core/features/block/components/block/block.ts
index 684e5c7cd..46308a7b8 100644
--- a/src/core/features/block/components/block/block.ts
+++ b/src/core/features/block/components/block/block.ts
@@ -26,7 +26,7 @@ import { ContextLevel } from '@/core/constants';
 @Component({
     selector: 'core-block',
     templateUrl: 'core-block.html',
-    styleUrls: ['block.scss'],
+    styleUrl: 'block.scss',
 })
 export class CoreBlockComponent implements OnChanges, OnDestroy {
 
diff --git a/src/core/features/block/components/only-title-block/only-title-block.ts b/src/core/features/block/components/only-title-block/only-title-block.ts
index cac191d0c..7affb4388 100644
--- a/src/core/features/block/components/only-title-block/only-title-block.ts
+++ b/src/core/features/block/components/only-title-block/only-title-block.ts
@@ -22,7 +22,7 @@ import { CoreNavigator } from '@services/navigator';
 @Component({
     selector: 'core-block-only-title',
     templateUrl: 'core-block-only-title.html',
-    styleUrls: ['only-title-block.scss'],
+    styleUrl: 'only-title-block.scss',
 })
 export class CoreBlockOnlyTitleComponent extends CoreBlockBaseComponent implements OnInit {
 
diff --git a/src/core/features/block/components/side-blocks-button/side-blocks-button.ts b/src/core/features/block/components/side-blocks-button/side-blocks-button.ts
index cf159c641..67cc3ceb4 100644
--- a/src/core/features/block/components/side-blocks-button/side-blocks-button.ts
+++ b/src/core/features/block/components/side-blocks-button/side-blocks-button.ts
@@ -27,7 +27,7 @@ import { ContextLevel } from '@/core/constants';
 @Component({
     selector: 'core-block-side-blocks-button',
     templateUrl: 'side-blocks-button.html',
-    styleUrls: ['side-blocks-button.scss'],
+    styleUrl: 'side-blocks-button.scss',
 })
 export class CoreBlockSideBlocksButtonComponent implements OnInit, OnDestroy {
 
diff --git a/src/core/features/block/components/side-blocks-tour/side-blocks-tour.ts b/src/core/features/block/components/side-blocks-tour/side-blocks-tour.ts
index 2f5c2ada4..546ebc68b 100644
--- a/src/core/features/block/components/side-blocks-tour/side-blocks-tour.ts
+++ b/src/core/features/block/components/side-blocks-tour/side-blocks-tour.ts
@@ -21,7 +21,7 @@ import { CoreUserTours } from '@features/usertours/services/user-tours';
 @Component({
     selector: 'core-block-side-blocks-tour',
     templateUrl: 'side-blocks-tour.html',
-    styleUrls: ['side-blocks-tour.scss'],
+    styleUrl: 'side-blocks-tour.scss',
 })
 export class CoreBlockSideBlocksTourComponent {
 
diff --git a/src/core/features/course/components/course-index-tour/course-index-tour.ts b/src/core/features/course/components/course-index-tour/course-index-tour.ts
index bcf3041e8..7b941ef7c 100644
--- a/src/core/features/course/components/course-index-tour/course-index-tour.ts
+++ b/src/core/features/course/components/course-index-tour/course-index-tour.ts
@@ -21,7 +21,7 @@ import { CoreUserTours } from '@features/usertours/services/user-tours';
 @Component({
     selector: 'core-course-course-index-tour',
     templateUrl: 'course-index-tour.html',
-    styleUrls: ['course-index-tour.scss'],
+    styleUrl: 'course-index-tour.scss',
 })
 export class CoreCourseCourseIndexTourComponent {
 
diff --git a/src/core/features/course/components/module-completion-legacy/module-completion-legacy.ts b/src/core/features/course/components/module-completion-legacy/module-completion-legacy.ts
index 38846e34b..66e1cb6a7 100644
--- a/src/core/features/course/components/module-completion-legacy/module-completion-legacy.ts
+++ b/src/core/features/course/components/module-completion-legacy/module-completion-legacy.ts
@@ -39,7 +39,7 @@ import { ContextLevel } from '@/core/constants';
 @Component({
     selector: 'core-course-module-completion-legacy',
     templateUrl: 'core-course-module-completion-legacy.html',
-    styleUrls: ['module-completion-legacy.scss'],
+    styleUrl: 'module-completion-legacy.scss',
 })
 export class CoreCourseModuleCompletionLegacyComponent extends CoreCourseModuleCompletionBaseComponent
     implements OnInit, OnDestroy {
diff --git a/src/core/features/course/components/module-completion/module-completion.ts b/src/core/features/course/components/module-completion/module-completion.ts
index ac98c2dc2..aa4ddf20c 100644
--- a/src/core/features/course/components/module-completion/module-completion.ts
+++ b/src/core/features/course/components/module-completion/module-completion.ts
@@ -37,7 +37,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-course-module-completion',
     templateUrl: 'core-course-module-completion.html',
-    styleUrls: ['module-completion.scss'],
+    styleUrl: 'module-completion.scss',
 })
 export class CoreCourseModuleCompletionComponent
     extends CoreCourseModuleCompletionBaseComponent
diff --git a/src/core/features/course/components/module-info/module-info.ts b/src/core/features/course/components/module-info/module-info.ts
index fee40aba2..9f1ed30ff 100644
--- a/src/core/features/course/components/module-info/module-info.ts
+++ b/src/core/features/course/components/module-info/module-info.ts
@@ -32,7 +32,7 @@ import { CoreSites } from '@services/sites';
 @Component({
     selector: 'core-course-module-info',
     templateUrl: 'core-course-module-info.html',
-    styleUrls: ['course-module-info.scss'],
+    styleUrl: 'course-module-info.scss',
 })
 export class CoreCourseModuleInfoComponent implements OnInit {
 
diff --git a/src/core/features/course/components/module-navigation/module-navigation.ts b/src/core/features/course/components/module-navigation/module-navigation.ts
index 75aa69089..86a57cbed 100644
--- a/src/core/features/course/components/module-navigation/module-navigation.ts
+++ b/src/core/features/course/components/module-navigation/module-navigation.ts
@@ -33,7 +33,7 @@ import { CoreEventObserver, CoreEvents } from '@singletons/events';
 @Component({
     selector: 'core-course-module-navigation',
     templateUrl: 'core-course-module-navigation.html',
-    styleUrls: ['module-navigation.scss'],
+    styleUrl: 'module-navigation.scss',
 })
 export class CoreCourseModuleNavigationComponent implements OnInit, OnDestroy {
 
diff --git a/src/core/features/course/components/module/module.ts b/src/core/features/course/components/module/module.ts
index 4f1063fb5..78dff998b 100644
--- a/src/core/features/course/components/module/module.ts
+++ b/src/core/features/course/components/module/module.ts
@@ -42,7 +42,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-course-module',
     templateUrl: 'core-course-module.html',
-    styleUrls: ['module.scss'],
+    styleUrl: 'module.scss',
 })
 export class CoreCourseModuleComponent implements OnInit, OnDestroy {
 
diff --git a/src/core/features/course/components/unsupported-module/unsupported-module.ts b/src/core/features/course/components/unsupported-module/unsupported-module.ts
index f690a4674..8ed30c1da 100644
--- a/src/core/features/course/components/unsupported-module/unsupported-module.ts
+++ b/src/core/features/course/components/unsupported-module/unsupported-module.ts
@@ -23,7 +23,7 @@ import { CoreCourseModuleDelegate } from '@features/course/services/module-deleg
 @Component({
     selector: 'core-course-unsupported-module',
     templateUrl: 'core-course-unsupported-module.html',
-    styleUrls: ['unsupported-module.scss'],
+    styleUrl: 'unsupported-module.scss',
 })
 export class CoreCourseUnsupportedModuleComponent implements OnInit {
 
diff --git a/src/core/features/course/format/singleactivity/components/singleactivity.ts b/src/core/features/course/format/singleactivity/components/singleactivity.ts
index 0ee615b82..3d198a613 100644
--- a/src/core/features/course/format/singleactivity/components/singleactivity.ts
+++ b/src/core/features/course/format/singleactivity/components/singleactivity.ts
@@ -30,7 +30,7 @@ import type { CoreCourseModuleMainActivityComponent } from '@features/course/cla
 @Component({
     selector: 'core-course-format-single-activity',
     templateUrl: 'core-course-format-single-activity.html',
-    styleUrls: ['single-activity.scss'],
+    styleUrl: 'single-activity.scss',
 })
 export class CoreCourseFormatSingleActivityComponent implements OnChanges {
 
diff --git a/src/core/features/course/pages/course-summary/course-summary.page.ts b/src/core/features/course/pages/course-summary/course-summary.page.ts
index 0f7145a5f..df6be9a52 100644
--- a/src/core/features/course/pages/course-summary/course-summary.page.ts
+++ b/src/core/features/course/pages/course-summary/course-summary.page.ts
@@ -49,7 +49,7 @@ import { CoreEnrol, CoreEnrolEnrolmentMethod } from '@features/enrol/services/en
 @Component({
     selector: 'page-core-course-summary',
     templateUrl: 'course-summary.html',
-    styleUrls: ['course-summary.scss'],
+    styleUrl: 'course-summary.scss',
 })
 export class CoreCourseSummaryPage implements OnInit, OnDestroy {
 
diff --git a/src/core/features/course/pages/index/index.ts b/src/core/features/course/pages/index/index.ts
index 16955652f..59f4c77aa 100644
--- a/src/core/features/course/pages/index/index.ts
+++ b/src/core/features/course/pages/index/index.ts
@@ -38,7 +38,7 @@ import { CoreWait } from '@singletons/wait';
 @Component({
     selector: 'page-core-course-index',
     templateUrl: 'index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class CoreCourseIndexPage implements OnInit, OnDestroy {
 
diff --git a/src/core/features/course/pages/module-preview/module-preview.ts b/src/core/features/course/pages/module-preview/module-preview.ts
index c78607e06..56769fafb 100644
--- a/src/core/features/course/pages/module-preview/module-preview.ts
+++ b/src/core/features/course/pages/module-preview/module-preview.ts
@@ -29,7 +29,7 @@ import { CoreUtils } from '@services/utils/utils';
 @Component({
     selector: 'page-core-course-module-preview',
     templateUrl: 'module-preview.html',
-    styleUrls: ['module-preview.scss'],
+    styleUrl: 'module-preview.scss',
 })
 export class CoreCourseModulePreviewPage implements OnInit {
 
diff --git a/src/core/features/courses/components/course-list-item/course-list-item.ts b/src/core/features/courses/components/course-list-item/course-list-item.ts
index 4cc568930..9d1196e32 100644
--- a/src/core/features/courses/components/course-list-item/course-list-item.ts
+++ b/src/core/features/courses/components/course-list-item/course-list-item.ts
@@ -41,7 +41,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'core-courses-course-list-item',
     templateUrl: 'core-courses-course-list-item.html',
-    styleUrls: ['course-list-item.scss'],
+    styleUrl: 'course-list-item.scss',
 })
 export class CoreCoursesCourseListItemComponent implements OnInit, OnDestroy, OnChanges {
 
diff --git a/src/core/features/courses/pages/my/my.ts b/src/core/features/courses/pages/my/my.ts
index 370e9b244..98ab613d3 100644
--- a/src/core/features/courses/pages/my/my.ts
+++ b/src/core/features/courses/pages/my/my.ts
@@ -38,7 +38,7 @@ import { CoreWait } from '@singletons/wait';
 @Component({
     selector: 'page-core-courses-my',
     templateUrl: 'my.html',
-    styleUrls: ['my.scss'],
+    styleUrl: 'my.scss',
     providers: [{
         provide: PageLoadsManager,
         useClass: PageLoadsManager,
diff --git a/src/core/features/editor/components/rich-text-editor/rich-text-editor.ts b/src/core/features/editor/components/rich-text-editor/rich-text-editor.ts
index 3e8be900e..97ddd2dae 100644
--- a/src/core/features/editor/components/rich-text-editor/rich-text-editor.ts
+++ b/src/core/features/editor/components/rich-text-editor/rich-text-editor.ts
@@ -60,7 +60,7 @@ import { CoreQRScan } from '@services/qrscan';
 @Component({
     selector: 'core-rich-text-editor',
     templateUrl: 'core-editor-rich-text-editor.html',
-    styleUrls: ['rich-text-editor.scss'],
+    styleUrl: 'rich-text-editor.scss',
 })
 export class CoreEditorRichTextEditorComponent implements OnInit, AfterViewInit, OnDestroy {
 
diff --git a/src/core/features/emulator/components/capture-media/capture-media.ts b/src/core/features/emulator/components/capture-media/capture-media.ts
index 98891194e..cd83912a3 100644
--- a/src/core/features/emulator/components/capture-media/capture-media.ts
+++ b/src/core/features/emulator/components/capture-media/capture-media.ts
@@ -33,7 +33,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'core-emulator-capture-media',
     templateUrl: 'capture-media.html',
-    styleUrls: ['capture-media.scss'],
+    styleUrl: 'capture-media.scss',
 })
 export class CoreEmulatorCaptureMediaComponent implements OnInit, OnDestroy {
 
diff --git a/src/core/features/grades/pages/course/course.page.ts b/src/core/features/grades/pages/course/course.page.ts
index 16f34780d..dcad4db9e 100644
--- a/src/core/features/grades/pages/course/course.page.ts
+++ b/src/core/features/grades/pages/course/course.page.ts
@@ -43,7 +43,7 @@ import { CoreAnalytics, CoreAnalyticsEventType } from '@services/analytics';
 @Component({
     selector: 'page-core-grades-course',
     templateUrl: 'course.html',
-    styleUrls: ['course.scss'],
+    styleUrl: 'course.scss',
 })
 export class CoreGradesCoursePage implements AfterViewInit, OnDestroy {
 
diff --git a/src/core/features/h5p/components/h5p-player/h5p-player.ts b/src/core/features/h5p/components/h5p-player/h5p-player.ts
index 49227a1f9..41cc6ac3b 100644
--- a/src/core/features/h5p/components/h5p-player/h5p-player.ts
+++ b/src/core/features/h5p/components/h5p-player/h5p-player.ts
@@ -34,7 +34,7 @@ import { BehaviorSubject } from 'rxjs';
 @Component({
     selector: 'core-h5p-player',
     templateUrl: 'core-h5p-player.html',
-    styleUrls: ['h5p-player.scss'],
+    styleUrl: 'h5p-player.scss',
 })
 export class CoreH5PPlayerComponent implements OnInit, OnChanges, OnDestroy {
 
diff --git a/src/core/features/login/components/exceeded-attempts/exceeded-attempts.ts b/src/core/features/login/components/exceeded-attempts/exceeded-attempts.ts
index 57b4b8a30..98bf6b900 100644
--- a/src/core/features/login/components/exceeded-attempts/exceeded-attempts.ts
+++ b/src/core/features/login/components/exceeded-attempts/exceeded-attempts.ts
@@ -19,7 +19,7 @@ import { CoreUserSupport } from '@features/user/services/support';
 @Component({
     selector: 'core-login-exceeded-attempts',
     templateUrl: 'exceeded-attempts.html',
-    styleUrls: ['./exceeded-attempts.scss'],
+    styleUrl: './exceeded-attempts.scss',
 })
 export class CoreLoginExceededAttemptsComponent implements OnInit {
 
diff --git a/src/core/features/login/components/login-methods/login-methods.ts b/src/core/features/login/components/login-methods/login-methods.ts
index f4c24f255..9b8f3b1a5 100644
--- a/src/core/features/login/components/login-methods/login-methods.ts
+++ b/src/core/features/login/components/login-methods/login-methods.ts
@@ -24,7 +24,7 @@ import { CoreDomUtils } from '@services/utils/dom';
 @Component({
     selector: 'core-login-methods',
     templateUrl: 'login-methods.html',
-    styleUrls: ['../../login.scss'],
+    styleUrl: '../../login.scss',
 })
 export class CoreLoginMethodsComponent implements OnInit {
 
diff --git a/src/core/features/login/pages/credentials/credentials.ts b/src/core/features/login/pages/credentials/credentials.ts
index cd2f1606d..01035f220 100644
--- a/src/core/features/login/pages/credentials/credentials.ts
+++ b/src/core/features/login/pages/credentials/credentials.ts
@@ -49,7 +49,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-core-login-credentials',
     templateUrl: 'credentials.html',
-    styleUrls: ['../../login.scss'],
+    styleUrl: '../../login.scss',
 })
 export class CoreLoginCredentialsPage implements OnInit, OnDestroy {
 
diff --git a/src/core/features/login/pages/email-signup/email-signup.ts b/src/core/features/login/pages/email-signup/email-signup.ts
index 35d1b1433..116187045 100644
--- a/src/core/features/login/pages/email-signup/email-signup.ts
+++ b/src/core/features/login/pages/email-signup/email-signup.ts
@@ -45,7 +45,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-core-login-email-signup',
     templateUrl: 'email-signup.html',
-    styleUrls: ['../../login.scss'],
+    styleUrl: '../../login.scss',
 })
 export class CoreLoginEmailSignupPage implements OnInit {
 
diff --git a/src/core/features/login/pages/reconnect/reconnect.ts b/src/core/features/login/pages/reconnect/reconnect.ts
index 972e9cd59..cb48ce043 100644
--- a/src/core/features/login/pages/reconnect/reconnect.ts
+++ b/src/core/features/login/pages/reconnect/reconnect.ts
@@ -41,7 +41,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-core-login-reconnect',
     templateUrl: 'reconnect.html',
-    styleUrls: ['../../login.scss'],
+    styleUrl: '../../login.scss',
 })
 export class CoreLoginReconnectPage implements OnInit, OnDestroy {
 
diff --git a/src/core/features/mainmenu/components/user-menu-button/user-menu-button.ts b/src/core/features/mainmenu/components/user-menu-button/user-menu-button.ts
index a15b2a8e7..eaa5afad6 100644
--- a/src/core/features/mainmenu/components/user-menu-button/user-menu-button.ts
+++ b/src/core/features/mainmenu/components/user-menu-button/user-menu-button.ts
@@ -32,7 +32,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-user-menu-button',
     templateUrl: 'user-menu-button.html',
-    styleUrls: ['user-menu-button.scss'],
+    styleUrl: 'user-menu-button.scss',
 })
 export class CoreMainMenuUserButtonComponent implements OnInit {
 
diff --git a/src/core/features/mainmenu/components/user-menu-tour/user-menu-tour.ts b/src/core/features/mainmenu/components/user-menu-tour/user-menu-tour.ts
index 4d7c1a3d7..816664842 100644
--- a/src/core/features/mainmenu/components/user-menu-tour/user-menu-tour.ts
+++ b/src/core/features/mainmenu/components/user-menu-tour/user-menu-tour.ts
@@ -21,7 +21,7 @@ import { CoreUserTours } from '@features/usertours/services/user-tours';
 @Component({
     selector: 'core-mainmenu-user-menu-tour',
     templateUrl: 'user-menu-tour.html',
-    styleUrls: ['user-menu-tour.scss'],
+    styleUrl: 'user-menu-tour.scss',
 })
 export class CoreMainMenuUserMenuTourComponent {
 
diff --git a/src/core/features/mainmenu/pages/menu/menu.ts b/src/core/features/mainmenu/pages/menu/menu.ts
index ab32457f4..1202ba83b 100644
--- a/src/core/features/mainmenu/pages/menu/menu.ts
+++ b/src/core/features/mainmenu/pages/menu/menu.ts
@@ -63,7 +63,7 @@ const ANIMATION_DURATION = 500;
                 animate(`${ANIMATION_DURATION}ms ease-in-out`, style({ transform: 'translateY(0)' })),
             ]),
         ])],
-    styleUrls: ['menu.scss'],
+    styleUrl: 'menu.scss',
 })
 export class CoreMainMenuPage implements OnInit, OnDestroy {
 
diff --git a/src/core/features/mainmenu/pages/more/more.ts b/src/core/features/mainmenu/pages/more/more.ts
index d20ae7e31..5d6241e8f 100644
--- a/src/core/features/mainmenu/pages/more/more.ts
+++ b/src/core/features/mainmenu/pages/more/more.ts
@@ -31,7 +31,7 @@ import { CoreViewer } from '@features/viewer/services/viewer';
 @Component({
     selector: 'page-core-mainmenu-more',
     templateUrl: 'more.html',
-    styleUrls: ['more.scss'],
+    styleUrl: 'more.scss',
 })
 export class CoreMainMenuMorePage implements OnInit, OnDestroy {
 
diff --git a/src/core/features/policy/pages/acceptances/acceptances.ts b/src/core/features/policy/pages/acceptances/acceptances.ts
index 0497847ed..b044ee767 100644
--- a/src/core/features/policy/pages/acceptances/acceptances.ts
+++ b/src/core/features/policy/pages/acceptances/acceptances.ts
@@ -35,7 +35,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-core-policy-acceptances',
     templateUrl: 'acceptances.html',
-    styleUrls: ['acceptances.scss'],
+    styleUrl: 'acceptances.scss',
 })
 export class CorePolicyAcceptancesPage implements OnInit, OnDestroy {
 
diff --git a/src/core/features/policy/pages/site-policy/site-policy.ts b/src/core/features/policy/pages/site-policy/site-policy.ts
index 55ee737d4..ef61c2edb 100644
--- a/src/core/features/policy/pages/site-policy/site-policy.ts
+++ b/src/core/features/policy/pages/site-policy/site-policy.ts
@@ -40,7 +40,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-core-policy-site-policy',
     templateUrl: 'site-policy.html',
-    styleUrls: ['site-policy.scss'],
+    styleUrl: 'site-policy.scss',
 })
 export class CorePolicySitePolicyPage implements OnInit, OnDestroy {
 
diff --git a/src/core/features/question/components/question/question.ts b/src/core/features/question/components/question/question.ts
index 7a7fbf7ef..79c8fa4d6 100644
--- a/src/core/features/question/components/question/question.ts
+++ b/src/core/features/question/components/question/question.ts
@@ -33,7 +33,7 @@ import { CoreLogger } from '@singletons/logger';
 @Component({
     selector: 'core-question',
     templateUrl: 'core-question.html',
-    styleUrls: ['../../question.scss'],
+    styleUrl: '../../question.scss',
 })
 export class CoreQuestionComponent implements OnInit, AsyncDirective {
 
diff --git a/src/core/features/reminders/components/date/date.ts b/src/core/features/reminders/components/date/date.ts
index 05b182431..f907ff297 100644
--- a/src/core/features/reminders/components/date/date.ts
+++ b/src/core/features/reminders/components/date/date.ts
@@ -24,7 +24,7 @@ import { CoreTime } from '@singletons/time';
 @Component({
     selector: 'core-reminders-date',
     templateUrl: 'date.html',
-    styleUrls: ['date.scss'],
+    styleUrl: 'date.scss',
 })
 export class CoreRemindersDateComponent implements OnInit {
 
diff --git a/src/core/features/reportbuilder/components/report-column/report-column.ts b/src/core/features/reportbuilder/components/report-column/report-column.ts
index 427000145..cb31ebaaf 100644
--- a/src/core/features/reportbuilder/components/report-column/report-column.ts
+++ b/src/core/features/reportbuilder/components/report-column/report-column.ts
@@ -19,7 +19,7 @@ import { CoreReportBuilder } from '@features/reportbuilder/services/reportbuilde
 @Component({
     selector: 'core-report-builder-report-column',
     templateUrl: './report-column.html',
-    styleUrls: ['./report-column.scss'],
+    styleUrl: './report-column.scss',
 })
 export class CoreReportBuilderReportColumnComponent {
 
diff --git a/src/core/features/reportbuilder/components/report-detail/report-detail.ts b/src/core/features/reportbuilder/components/report-detail/report-detail.ts
index 67d7cbf36..d715b88a7 100644
--- a/src/core/features/reportbuilder/components/report-detail/report-detail.ts
+++ b/src/core/features/reportbuilder/components/report-detail/report-detail.ts
@@ -36,7 +36,7 @@ import { map } from 'rxjs/operators';
 @Component({
     selector: 'core-report-builder-report-detail',
     templateUrl: './report-detail.html',
-    styleUrls: ['./report-detail.scss'],
+    styleUrl: './report-detail.scss',
 })
 export class CoreReportBuilderReportDetailComponent implements OnInit {
 
diff --git a/src/core/features/search/components/global-search-filters/global-search-filters.component.ts b/src/core/features/search/components/global-search-filters/global-search-filters.component.ts
index c956f216e..a62bf998b 100644
--- a/src/core/features/search/components/global-search-filters/global-search-filters.component.ts
+++ b/src/core/features/search/components/global-search-filters/global-search-filters.component.ts
@@ -31,7 +31,7 @@ type Filter<T=unknown> = T & { checked: boolean };
 @Component({
     selector: 'core-search-global-search-filters',
     templateUrl: 'global-search-filters.html',
-    styleUrls: ['./global-search-filters.scss'],
+    styleUrl: './global-search-filters.scss',
     standalone: true,
     imports: [
         CoreSharedModule,
diff --git a/src/core/features/search/components/global-search-result/global-search-result.ts b/src/core/features/search/components/global-search-result/global-search-result.ts
index 7349e0899..a9aa23d6f 100644
--- a/src/core/features/search/components/global-search-result/global-search-result.ts
+++ b/src/core/features/search/components/global-search-result/global-search-result.ts
@@ -19,7 +19,7 @@ import { CoreSearchGlobalSearchResult, CoreSearchGlobalSearchResultContext } fro
 @Component({
     selector: 'core-search-global-search-result',
     templateUrl: 'global-search-result.html',
-    styleUrls: ['./global-search-result.scss'],
+    styleUrl: './global-search-result.scss',
 })
 export class CoreSearchGlobalSearchResultComponent implements OnChanges {
 
diff --git a/src/core/features/search/components/search-box/search-box.ts b/src/core/features/search/components/search-box/search-box.ts
index 6494339ec..7ae54709f 100644
--- a/src/core/features/search/components/search-box/search-box.ts
+++ b/src/core/features/search/components/search-box/search-box.ts
@@ -34,7 +34,7 @@ import { toBoolean } from '@/core/transforms/boolean';
 @Component({
     selector: 'core-search-box',
     templateUrl: 'core-search-box.html',
-    styleUrls: ['search-box.scss'],
+    styleUrl: 'search-box.scss',
 })
 export class CoreSearchBoxComponent implements OnInit {
 
diff --git a/src/core/features/settings/pages/about/about.ts b/src/core/features/settings/pages/about/about.ts
index 729f820de..fb1975ead 100644
--- a/src/core/features/settings/pages/about/about.ts
+++ b/src/core/features/settings/pages/about/about.ts
@@ -25,7 +25,7 @@ import { CoreSite } from '@classes/sites/site';
 @Component({
     selector: 'page-core-app-settings-about',
     templateUrl: 'about.html',
-    styleUrls: ['about.scss'],
+    styleUrl: 'about.scss',
 })
 export class CoreSettingsAboutPage {
 
diff --git a/src/core/features/settings/pages/deviceinfo/deviceinfo.ts b/src/core/features/settings/pages/deviceinfo/deviceinfo.ts
index fac179b89..6dd819537 100644
--- a/src/core/features/settings/pages/deviceinfo/deviceinfo.ts
+++ b/src/core/features/settings/pages/deviceinfo/deviceinfo.ts
@@ -69,7 +69,7 @@ interface CoreSettingsDeviceInfo {
 @Component({
     selector: 'page-core-app-settings-deviceinfo',
     templateUrl: 'deviceinfo.html',
-    styleUrls: ['deviceinfo.scss'],
+    styleUrl: 'deviceinfo.scss',
 })
 export class CoreSettingsDeviceInfoPage implements OnDestroy {
 
diff --git a/src/core/features/settings/pages/general/general.ts b/src/core/features/settings/pages/general/general.ts
index c19b483a3..9c74259b1 100644
--- a/src/core/features/settings/pages/general/general.ts
+++ b/src/core/features/settings/pages/general/general.ts
@@ -35,7 +35,7 @@ import { CoreNative } from '@features/native/services/native';
 @Component({
     selector: 'page-core-app-settings-general',
     templateUrl: 'general.html',
-    styleUrls: ['general.scss'],
+    styleUrl: 'general.scss',
 })
 export class CoreSettingsGeneralPage {
 
diff --git a/src/core/features/sitehome/pages/index/index.ts b/src/core/features/sitehome/pages/index/index.ts
index 96b773d14..5ec376299 100644
--- a/src/core/features/sitehome/pages/index/index.ts
+++ b/src/core/features/sitehome/pages/index/index.ts
@@ -39,7 +39,7 @@ import { CoreModals } from '@services/modals';
 @Component({
     selector: 'page-core-sitehome-index',
     templateUrl: 'index.html',
-    styleUrls: ['index.scss'],
+    styleUrl: 'index.scss',
 })
 export class CoreSiteHomeIndexPage implements OnInit, OnDestroy {
 
diff --git a/src/core/features/tag/components/list/list.ts b/src/core/features/tag/components/list/list.ts
index 561db82bf..29897b7db 100644
--- a/src/core/features/tag/components/list/list.ts
+++ b/src/core/features/tag/components/list/list.ts
@@ -23,7 +23,7 @@ import { CoreNavigator } from '@services/navigator';
 @Component({
     selector: 'core-tag-list',
     templateUrl: 'core-tag-list.html',
-    styleUrls: ['list.scss'],
+    styleUrl: 'list.scss',
 })
 export class CoreTagListComponent {
 
diff --git a/src/core/features/tag/pages/search/search.ts b/src/core/features/tag/pages/search/search.ts
index 7387dd3a8..e7ef9788f 100644
--- a/src/core/features/tag/pages/search/search.ts
+++ b/src/core/features/tag/pages/search/search.ts
@@ -32,7 +32,7 @@ import { CoreSites } from '@services/sites';
 @Component({
     selector: 'page-core-tag-search',
     templateUrl: 'search.html',
-    styleUrls: ['search.scss'],
+    styleUrl: 'search.scss',
 })
 export class CoreTagSearchPage implements OnInit {
 
diff --git a/src/core/features/user/pages/about/about.ts b/src/core/features/user/pages/about/about.ts
index 54ff793a9..86d4b044f 100644
--- a/src/core/features/user/pages/about/about.ts
+++ b/src/core/features/user/pages/about/about.ts
@@ -41,7 +41,7 @@ import { CoreLoadings } from '@services/loadings';
 @Component({
     selector: 'page-core-user-about',
     templateUrl: 'about.html',
-    styleUrls: ['about.scss'],
+    styleUrl: 'about.scss',
 })
 export class CoreUserAboutPage implements OnInit, OnDestroy {
 
diff --git a/src/core/features/user/pages/profile/profile.ts b/src/core/features/user/pages/profile/profile.ts
index 1e5538dbb..00b3972a0 100644
--- a/src/core/features/user/pages/profile/profile.ts
+++ b/src/core/features/user/pages/profile/profile.ts
@@ -41,7 +41,7 @@ import { Translate } from '@singletons';
 @Component({
     selector: 'page-core-user-profile',
     templateUrl: 'profile.html',
-    styleUrls: ['profile.scss'],
+    styleUrl: 'profile.scss',
 })
 export class CoreUserProfilePage implements OnInit, OnDestroy {
 
diff --git a/src/core/features/usertours/components/user-tour/user-tour.ts b/src/core/features/usertours/components/user-tour/user-tour.ts
index 0d0aacce6..94c61ce2b 100644
--- a/src/core/features/usertours/components/user-tour/user-tour.ts
+++ b/src/core/features/usertours/components/user-tour/user-tour.ts
@@ -48,7 +48,7 @@ const BACKDROP_DISMISS_SAFETY_TRESHOLD = 1000;
 @Component({
     selector: 'core-user-tours-user-tour',
     templateUrl: 'core-user-tours-user-tour.html',
-    styleUrls: ['user-tour.scss'],
+    styleUrl: 'user-tour.scss',
 })
 export class CoreUserToursUserTourComponent implements AfterViewInit, OnDestroy {