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..5dd7d266df 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
@@ -64,6 +64,7 @@ angular.module("umbraco.directives")
                                     await.push(stylesheetResource.getRulesByName(stylesheet).then(function (rules) {
                                         angular.forEach(rules, function (rule) {
                                           var r = {};
+                                          var split = "";
                                           r.title = rule.name;
                                           if (rule.selector[0] === ".") {
                                               r.inline = "span";
@@ -74,6 +75,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) {
+                                              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) {
+                                              split = rule.selector.split("#");
+                                              r.block = split[0];
+                                              r.classes = rule.selector.substring(rule.selector.indexOf("#") + 1);
                                           }else {
                                               r.block = rule.selector;
                                           }