diff --git a/less/_dialogs.less b/less/_dialogs.less
index f2fe5b2c..ac6b835e 100644
--- a/less/_dialogs.less
+++ b/less/_dialogs.less
@@ -1,18 +1,32 @@
+//
+// Modals
+// Material Design element Dialogs
+// --------------------------------------------------
 .modal-content {
   .shadow-z-5();
   border-radius: 2px;
   border: none;
+  // Modal header
+  // Top section of the modal w/ title and dismiss
   .modal-header {
     border-bottom: none;
-    padding: 24px;
-    padding-bottom: 0;
+    padding-top:    24px;
+    padding-right:  24px;
+    padding-bottom: 0px;
+    padding-left:   24px;
   }
+  // Modal body
+  // Where all modal content resides (sibling of .modal-header and .modal-footer)
   .modal-body {
-    padding: 24px;
+    padding-top:    0px;
+    padding-right:  24px;
+    padding-bottom: 16px;
+    padding-left:   24px;
   }
+  // Footer (for actions)
   .modal-footer {
     border-top: none;
-    padding: 24px;
+    padding: 7px;
     button {
       margin: 0;
       padding-left: 16px;
@@ -33,7 +47,6 @@
     padding-top: 0;
   }
 }
-
 .modal-backdrop {
   background: rgba(0,0,0,0.3);
 }