diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/grid/grid.rte.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/grid/grid.rte.directive.js
index 0692a10e90..263d6be1cb 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/grid/grid.rte.directive.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/grid/grid.rte.directive.js
@@ -74,6 +74,14 @@ angular.module("umbraco.directives")
                                               // since only one element can have one id.
                                               r.inline = "span";
                                               r.attributes = { id: rule.selector.substring(1) };
+                                          }else if (rule.selector[0] != "." && rule.selector.indexOf(".") > -1) {
+                                              var split = rule.selector.split(".");
+                                              r.block = split[0];
+                                              r.classes = rule.selector.substring(rule.selector.indexOf(".") + 1).replace(".", " ");
+                                          }else if (rule.selector[0] != "#" && rule.selector.indexOf("#") > -1) {
+                                              var split = rule.selector.split("#");
+                                              r.block = split[0];
+                                              r.classes = rule.selector.substring(rule.selector.indexOf("#") + 1);
                                           }else {
                                               r.block = rule.selector;
                                           }