diff --git a/src/addons/messages/components/conversation-info/conversation-info.ts b/src/addons/messages/components/conversation-info/conversation-info.component.ts
similarity index 100%
rename from src/addons/messages/components/conversation-info/conversation-info.ts
rename to src/addons/messages/components/conversation-info/conversation-info.component.ts
diff --git a/src/addons/messages/components/components.module.ts b/src/addons/messages/components/conversation-info/conversation-info.module.ts
similarity index 86%
rename from src/addons/messages/components/components.module.ts
rename to src/addons/messages/components/conversation-info/conversation-info.module.ts
index ffd43fd20..30b90561c 100644
--- a/src/addons/messages/components/components.module.ts
+++ b/src/addons/messages/components/conversation-info/conversation-info.module.ts
@@ -13,10 +13,10 @@
 // limitations under the License.
 
 import { NgModule } from '@angular/core';
-
 import { CoreSharedModule } from '@/core/shared.module';
+import { AddonMessagesConversationInfoComponent } from './conversation-info.component';
 
-import { AddonMessagesConversationInfoComponent } from './conversation-info/conversation-info';
+export { AddonMessagesConversationInfoComponent };
 
 @NgModule({
     declarations: [
@@ -26,4 +26,4 @@ import { AddonMessagesConversationInfoComponent } from './conversation-info/conv
         CoreSharedModule,
     ],
 })
-export class AddonMessagesComponentsModule {}
+export class AddonMessagesConversationInfoComponentModule {}
diff --git a/src/addons/messages/pages/discussion/discussion.ts b/src/addons/messages/pages/discussion/discussion.ts
index 30b13b8c0..fcc8dc0c1 100644
--- a/src/addons/messages/pages/discussion/discussion.ts
+++ b/src/addons/messages/pages/discussion/discussion.ts
@@ -42,7 +42,6 @@ import { Translate } from '@singletons';
 import { CoreNavigator } from '@services/navigator';
 import { CoreIonLoadingElement } from '@classes/ion-loading';
 import { ActivatedRoute } from '@angular/router';
-import { AddonMessagesConversationInfoComponent } from '../../components/conversation-info/conversation-info';
 import { CoreConstants } from '@/core/constants';
 import { CoreDom } from '@singletons/dom';
 
@@ -1245,6 +1244,9 @@ export class AddonMessagesDiscussionPage implements OnInit, OnDestroy, AfterView
      */
     async viewInfo(): Promise<void> {
         if (this.isGroup) {
+            const { AddonMessagesConversationInfoComponent } =
+                await import('@addons/messages/components/conversation-info/conversation-info.module');
+
             // Display the group information.
             const userId = await CoreDomUtils.openSideModal<number>({
                 component: AddonMessagesConversationInfoComponent,