diff --git a/packages/dialog/src/dialog.css b/packages/dialog/src/dialog.css
index 29ff183bb3..89f62da32b 100644
--- a/packages/dialog/src/dialog.css
+++ b/packages/dialog/src/dialog.css
@@ -31,3 +31,14 @@ governing permissions and limitations under the License.
     width: 100%;
     height: auto;
 }
+
+.grid {
+    grid-template-areas:
+        'hero hero    hero    hero        hero        hero'
+        '.    .       .       .           .           .'
+        '.    heading heading heading     typeIcon    .'
+        '.    divider divider divider     divider     .'
+        '.    content content content     content     .'
+        '.    footer  footer  buttonGroup buttonGroup .'
+        '.    .       .       .           .           .';
+}