diff --git a/core/modules/node/lib/Drupal/node/NodeFormController.php b/core/modules/node/lib/Drupal/node/NodeFormController.php
index 2e18d45..41c08f4 100644
--- a/core/modules/node/lib/Drupal/node/NodeFormController.php
+++ b/core/modules/node/lib/Drupal/node/NodeFormController.php
@@ -118,7 +118,7 @@ public function form(array $form, array &$form_state, EntityInterface $node) {
     );
     $form['additional_settings']['meta'] = array (
       '#type' => 'fieldset',
-      '#attributes' => array('class' => array('meta', 'flat')),
+      '#attributes' => array('class' => array('entity-meta-header')),
       '#type' => 'container',
       '#weight' => -100,
       // @todo Geez. Any .status is styled as OK icon? Really?
diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css
index 92d97dd..b6871d7 100644
--- a/core/themes/seven/style.css
+++ b/core/themes/seven/style.css
@@ -1405,52 +1405,63 @@ details.fieldset-no-legend {
  * Entity meta settings.
  */
 .entity-meta {
-  background-color: #f2f2f2;
+  background-color: #e2e2e2;
+  border-bottom: 0;
+  border-left: 1px solid #a5a5a5;
+  border-right: 1px solid #a5a5a5;
+  border-top: 0;
+  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .15);
+  box-shadow:         inset 0 0 5px rgba(0, 0, 0, .15);
+  margin-top: 0;
+  padding-top: 0;
 }
-.entity-meta > .details-wrapper { /* REMOVEME */
+/* @todo remove once .entity-meta is no longer a details element. */
+.entity-meta > .details-wrapper {
   padding: 0;
 }
-fieldset.flat { /* unused, but maybe core-worthy */
-  border: 0;
-  margin: 0;
+.entity-meta-header,
+.entity-meta details {
+  background-color: #f2f2f2;
+  border-bottom: 1px solid #a5a5a5;
 }
-.entity-meta .meta {
-  overflow: hidden;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
+.entity-meta-header {
+  padding: 1em 1.5em;
 }
-.entity-meta .meta .published {
+.entity-meta-header .published {
   font-size: 1.231em;
   font-weight: bold;
   text-shadow: 0 1px 0 #fff;
 }
-.entity-meta .meta .changed {
-  font-style: italic; /* Eh? */
+.entity-meta-header .changed {
+  font-style: italic; /* As-designed, but really: why is this italic? */
 }
 .entity-meta details {
-  border-bottom: 1px solid #959595;
   border-left: 0;
   border-right: 0;
   border-top: 1px solid #fff;
   margin: 0;
 }
-.entity-meta details .summary {
-  display: none; /* Hide JS summaries. @todo Rethink summaries. */
-}
-.entity-meta details > summary {
-  padding-top: 1em;
-  padding-bottom: 1em;
-  text-shadow: 0 1px 0 #fff;
-}
-.entity-meta :not([open]) + [open] {
-  background-color: #e2e2e2;
+.entity-meta details[open] {
+  background-color: transparent;
   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .15), transparent 5px);
-  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .15), transparent 5px);
-  background-image: -o-linear-gradient(top, rgba(0, 0, 0, .15), transparent 5px);
-  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .15), transparent 5px);
-  border-top: 0 none;
-  padding-top: 1px; /* Replaces former 1px border-top. */
+  background-image:    -moz-linear-gradient(top, rgba(0, 0, 0, .15), transparent 5px);
+  background-image:      -o-linear-gradient(top, rgba(0, 0, 0, .15), transparent 5px);
+  background-image:         linear-gradient(to bottom, rgba(0, 0, 0, .15), transparent 5px);
+  border-top-width: 0;
+  padding-top: 1px;
+}
+.entity-meta details[open] + [open] {
+  background-image: none;
+  border-top-width: 1px;
+  padding-top: 0;
 }
 .entity-meta details > .details-wrapper {
   padding-top: 0;
 }
+.entity-meta details > summary {
+  padding: 0.85em 1.25em;
+  text-shadow: 0 1px 0 white;
+}
+.entity-meta details .summary {
+  display: none; /* Hide JS summaries. @todo Rethink summaries. */
+}