diff --git a/packages/rocketchat-ui-message/client/messageBox.coffee b/packages/rocketchat-ui-message/client/messageBox.coffee
index a6b4cfa610b..4ac26359044 100644
--- a/packages/rocketchat-ui-message/client/messageBox.coffee
+++ b/packages/rocketchat-ui-message/client/messageBox.coffee
@@ -1,6 +1,7 @@
 import toastr from 'toastr'
 import mime from 'mime-type/with-db'
 import moment from 'moment'
+import {VRecDialog} from 'meteor/rocketchat:ui-vrecord'
 
 katexSyntax = ->
 	if RocketChat.katex.katex_enabled()
diff --git a/packages/rocketchat-ui-message/package.js b/packages/rocketchat-ui-message/package.js
index 48e01dd650e..4d26d912832 100644
--- a/packages/rocketchat-ui-message/package.js
+++ b/packages/rocketchat-ui-message/package.js
@@ -19,7 +19,8 @@ Package.onUse(function(api) {
 		'underscore',
 		'tracker',
 		'rocketchat:lib',
-		'rocketchat:ui-account'
+		'rocketchat:ui-account',
+		'rocketchat:ui-vrecord'
 	]);
 
 	api.addFiles('client/message.html', 'client');
diff --git a/packages/rocketchat-ui-vrecord/client/vrecord.js b/packages/rocketchat-ui-vrecord/client/vrecord.js
index a72a7a14d58..fb02b952999 100644
--- a/packages/rocketchat-ui-vrecord/client/vrecord.js
+++ b/packages/rocketchat-ui-vrecord/client/vrecord.js
@@ -1,4 +1,5 @@
-/* globals VideoRecorder, VRecDialog, fileUpload */
+/* globals VideoRecorder, fileUpload */
+import {VRecDialog} from './VRecDialog';
 
 Template.vrecDialog.helpers({
 	recordIcon() {
diff --git a/packages/rocketchat-ui-vrecord/package.js b/packages/rocketchat-ui-vrecord/package.js
index 029bc8ba68a..90c1d75785b 100644
--- a/packages/rocketchat-ui-vrecord/package.js
+++ b/packages/rocketchat-ui-vrecord/package.js
@@ -21,7 +21,7 @@ Package.onUse(function(api) {
 
 	api.addFiles('client/vrecord.html', 'client');
 	api.addFiles('client/vrecord.js', 'client');
-	api.addFiles('client/VRecDialog.js', 'client');
 
 	api.addFiles('server/settings.js', 'server');
+	api.mainModule('client/VRecDialog.js', 'client');
 });