diff --git a/packages/rocketchat-ui-master/client/main.js b/packages/rocketchat-ui-master/client/main.js
index 6301a72dde6..1c7ece111eb 100644
--- a/packages/rocketchat-ui-master/client/main.js
+++ b/packages/rocketchat-ui-master/client/main.js
@@ -1,7 +1,7 @@
 /* globals toolbarSearch, menu, isRtl, fireGlobalEvent, CachedChatSubscription */
 import Clipboard from 'clipboard';
 
-RocketChat.settings.collection.find({_id:/theme/}, {fields:{ value: 1 }}).observe({changed: (key) => { console.log(key); }});
+RocketChat.settings.collection.find({_id:/theme/}, {fields:{ value: 1 }}).observe({changed: () => { DynamicCss.run(); }});
 
 Template.body.onRendered(function() {
 	new Clipboard('.clipboard');
diff --git a/packages/rocketchat-ui-master/server/dynamic-css.js b/packages/rocketchat-ui-master/server/dynamic-css.js
index 16c1ad6b9e7..e1ab1a7e60e 100644
--- a/packages/rocketchat-ui-master/server/dynamic-css.js
+++ b/packages/rocketchat-ui-master/server/dynamic-css.js
@@ -16,6 +16,7 @@ export default () => {
 
 	const style = document.createElement('style');
 	style.type = 'text/css';
+	style.id = 'rocketchat-dynamic-css';
 
 	DynamicCss = typeof DynamicCss !=='undefined'? DynamicCss : {list:[]};