diff --git a/core/modules/views_ui/css/views_ui.admin.theme.css b/core/modules/views_ui/css/views_ui.admin.theme.css
index 30616f05cc..fa1a39e2e6 100644
--- a/core/modules/views_ui/css/views_ui.admin.theme.css
+++ b/core/modules/views_ui/css/views_ui.admin.theme.css
@@ -289,14 +289,8 @@ td.group-title {
   padding-left: 10px;
   padding-right: 0;
 }
-.views-displays {
-  border: 1px solid #ccc;
-  padding-bottom: 36px;
-}
 .views-display-top {
-  background-color: #e1e2dc;
-  border-bottom: 1px solid #ccc;
-  padding: 8px 8px 3px;
+  border-bottom: 1px solid #A6A6A6;
   position: relative;
 }
 .views-display-top .tabs {
@@ -323,16 +317,11 @@ td.group-title {
   margin-right: 0.3em;
 }
 .form-edit .form-actions {
-  background-color: #e1e2dc;
-  border-right: 1px solid #ccc;
-  border-bottom: 1px solid #ccc;
-  border-left: 1px solid #ccc;
   margin-top: 0;
-  padding: 8px 12px;
+  padding-top: 8px;
 }
 .views-displays .tabs.secondary {
   margin-right: 200px; /* LTR */
-  border: 0;
 }
 [dir="rtl"] .views-displays .tabs.secondary {
   margin-left: 200px;
@@ -342,15 +331,12 @@ td.group-title {
 .views-displays .tabs.secondary li.is-active {
   background: transparent;
   border: 0;
-  padding: 0;
+  padding: 7px 13px 5px;
   width: auto;
 }
 .views-displays .tabs li.add ul.action-list li {
   margin: 0;
 }
-.views-displays .tabs.secondary li {
-  margin: 0 5px 5px 6px; /* LTR */
-}
 [dir="rtl"] .views-displays .tabs.secondary li {
   margin-left: 5px;
   margin-right: 6px;
@@ -360,18 +346,11 @@ td.group-title {
 }
 .views-displays .tabs li.tabs__tab:hover {
   border: 0;
-  padding-left: 0; /* LTR */
-}
-[dir="rtl"] .views-displays .tabs li.tabs__tab:hover {
-  padding-right: 0;
+  padding: 7px 13px 5px;
 }
 .views-displays .tabs.secondary a {
-  border: 1px solid #cbcbcb;
-  border-radius: 7px;
   display: inline-block;
-  font-size: small;
-  line-height: 1.3333;
-  padding: 3px 7px;
+  padding: 7px 13px 5px;
 }
 
 /* Display a red border if the display doesn't validate. */
@@ -384,26 +363,16 @@ td.group-title {
   outline: none;
   text-decoration: underline;
 }
-.views-displays .tabs.secondary li a {
-  background-color: #fff;
-}
-.views-displays .tabs li a:hover,
-.views-displays .tabs li.is-active a,
-.views-displays .tabs li.is-active a.is-active {
-  background-color: #555;
-  color: #fff;
-}
 .views-displays .tabs .open > a {
-  background-color: #f1f1f1;
-  border-bottom: 1px solid transparent;
   position: relative;
 }
 .views-displays .tabs .open > a:hover {
-  color: #0074bd;
-  background-color: #f1f1f1;
+  color: #fff;
+  background-color: #40b6ff;
 }
 .views-displays .tabs .action-list li {
-  background-color: #f1f1f1;
+  background-color: #ffffff;
+  border-radius: 2px;
   border-color: #cbcbcb;
   border-style: solid;
   border-width: 0 1px;
@@ -428,10 +397,11 @@ td.group-title {
   box-shadow: none;
 }
 .views-displays .tabs .action-list li:hover {
-  background-color: #ddd;
+  background-color: #40b6ff;
+  color: #ffffff;
 }
 .edit-display-settings {
-  margin: 12px 12px 0 12px
+  padding-top: 15px;
 }
 .edit-display-settings-top.views-ui-display-tab-bucket {
   border: 1px solid #f3f3f3;
@@ -441,28 +411,17 @@ td.group-title {
   padding-bottom: 4px;
   position: relative;
 }
-.views-display-column {
-  border: 1px solid #f3f3f3;
-}
 .views-display-column + .views-display-column {
   margin-top: 0;
 }
 .view-preview-form .form-item-view-args,
 .view-preview-form .form-actions {
   margin-top: 5px;
+  display: block;
 }
 .view-preview-form .arguments-preview {
   font-size: 1em;
 }
-.view-preview-form .arguments-preview,
-.view-preview-form .form-item-view-args {
-  margin-left: 10px; /* LTR */
-}
-[dir="rtl"] .view-preview-form .arguments-preview,
-[dir="rtl"] .view-preview-form .form-item-view-args {
-  margin-left: 0;
-  margin-right: 10px;
-}
 .view-preview-form .form-item-view-args label {
   float: left; /* LTR */
   font-weight: normal;
@@ -477,7 +436,7 @@ td.group-title {
 .form-item-live-preview,
 .form-item-view-args,
 .preview-submit-wrapper {
-  display: inline-block;
+  display: inline;
 }
 .form-item-live-preview,
 .view-preview-form .form-actions {
@@ -491,10 +450,11 @@ td.group-title {
 
 /* These are the individual "buckets," or boxes, inside the display settings area */
 .views-ui-display-tab-bucket {
-  border-bottom: 1px solid #f3f3f3;
+  background: #f3f5ee;
   line-height: 20px;
   margin: 0;
   padding-top: 4px;
+  margin-bottom: 8px;
   position: relative;
 }
 .views-ui-display-tab-bucket:last-of-type {
@@ -692,28 +652,15 @@ td.group-title {
   margin-left: 0;
   margin-right: 18px;
 }
-.views-preview-wrapper {
-  border: 1px solid #ccc;
-}
-.view-preview-form {
-  position: relative;
-}
 .view-preview-form__title {
-  background-color: #e1e2dc;
-  border-bottom: 1px solid #ccc;
-  margin-top: 0;
-  padding: 8px 12px;
+  display: inline;
 }
-.view-preview-form .form-item-live-preview {
-  position: absolute;
-  right: 12px;
-  top: 3px;
-  margin-top: 2px;
-  margin-left: 2px; /* LTR */
+#edit-displays-live-preview{
+  margin: 25px 0 20px 14px;
 }
 [dir="rtl"] .view-preview-form .form-item-live-preview {
   right: auto;
-  left: 12px;
+  right: 95px;
   margin-left: 0;
   margin-right: 2px;
 }
@@ -797,14 +744,16 @@ td.group-title {
 [dir="rtl"].js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:last-child a {
   border-radius: 0 0 1.1em 0;
 }
+.views-display-top {
+  padding-top: 5px;
+}
 .views-display-top .dropbutton-wrapper {
   position: absolute;
-  right: 12px; /* LTR */
-  top: 7px;
+  padding-top: 12px;
+  right: 0; /* LTR */
 }
 [dir="rtl"] .views-display-top .dropbutton-wrapper {
   left: 12px;
-  right: auto;
 }
 .views-display-top .dropbutton-wrapper .dropbutton-widget .dropbutton-action a {
   width: auto;
diff --git a/core/modules/views_ui/src/ViewEditForm.php b/core/modules/views_ui/src/ViewEditForm.php
index 7066476c54..676fdb6cb1 100644
--- a/core/modules/views_ui/src/ViewEditForm.php
+++ b/core/modules/views_ui/src/ViewEditForm.php
@@ -153,7 +153,6 @@ public function form(array $form, FormStateInterface $form_state) {
     }
 
     $form['displays'] = [
-      '#prefix' => '<h1 class="unit-title clearfix">' . $this->t('Displays') . '</h1>',
       '#type' => 'container',
       '#attributes' => [
         'class' => [
diff --git a/core/modules/views_ui/src/ViewFormBase.php b/core/modules/views_ui/src/ViewFormBase.php
index 49cdc4955f..5431f9dcc9 100644
--- a/core/modules/views_ui/src/ViewFormBase.php
+++ b/core/modules/views_ui/src/ViewFormBase.php
@@ -114,6 +114,9 @@ public function getDisplayTabs(ViewUI $view) {
       if (isset($display['display_options']['enabled']) && !$display['display_options']['enabled']) {
         $tabs[$id]['#link']['localized_options']['attributes']['class'][] = 'views-display-disabled-link';
       }
+      if (!empty($view->changed_display[$id])) {
+        $tabs[$id]['#link']['localized_options']['attributes']['class'][] = 'views-display-changed-link';
+      }
     }
 
     // If the default display isn't supposed to be shown, don't display its tab, unless it's the only display.
diff --git a/core/themes/seven/css/components/views-ui.css b/core/themes/seven/css/components/views-ui.css
index d212dd0bf9..f78111bdaa 100644
--- a/core/themes/seven/css/components/views-ui.css
+++ b/core/themes/seven/css/components/views-ui.css
@@ -95,25 +95,13 @@ details.fieldset-no-legend {
 
 /* @group Lists */
 
-.views-admin ul.secondary,
 .views-admin .item-list ul {
   margin: 0;
   padding: 0;
 }
 
-.views-displays ul.secondary li a,
-.views-displays ul.secondary li.is-active a,
-.views-displays ul.secondary li.is-active a.is-active {
-  padding: 2px 7px 3px;
-}
-
-.views-displays ul.secondary li a {
-  color: #0074bd;
-}
-
-.views-displays ul.secondary li.is-active a,
-.views-displays ul.secondary li.is-active a.is-active {
-  border: 1px solid transparent;
+.views-displays .tabs.secondary a.views-display-changed-link {
+  color: #734c00;
 }
 
 .views-admin .links li {
@@ -166,6 +154,24 @@ details.fieldset-no-legend {
  *
  * The tabs that switch between sections
  */
+.views-displays {
+  border: 0 none;
+  padding-bottom: 1em;
+}
+.views-display-top {
+  padding-top: 5px;
+  background-color: transparent;
+  border-bottom: 1px solid #A6A6A6;
+  padding: 0;
+}
+.views-display-top .dropbutton-wrapper {
+  padding-top: 12px;
+  right: 0; /* LTR */
+}
+
+.js .dropbutton-widget {
+  background-color: transparent;
+}
 
 .views-displays .secondary {
   text-align: left; /* LTR */
@@ -177,36 +183,109 @@ details.fieldset-no-legend {
 .views-admin .icon.add {
   background-position: center 3px;
 }
+.views-displays .tabs.secondary li {
+  margin-bottom: 0;
+}
+.views-displays .tabs.secondary .tabs__tab {
+  margin-left: 1em;
+  margin-right: 1em;
+}
+.views-displays .tabs.secondary a {
+  border-top: 0 none;
+  border-right: 0 none;
+  border-left: 0 none;
+  border-color: transparent;
+  border-bottom: 2px solid transparent;
+  border-radius: 0;
+  padding: 7px 13px 5px;
+}
 
+.views-displays .tabs .action-list li {
+  background-color: #ffffff;
+  border-radius: 0;
+  padding: 0;
+  overflow: hidden;
+}
+.views-displays .secondary .action-list input.form-submit {
+  display: block;
+  font-weight: normal;
+  padding: 2px 9px;
+  border-radius: 0;
+  width: 100%;
+  text-align: left;
+  text-shadow: none;
+}
+.views-displays .tabs .action-list li:hover input.form-submit {
+  background-color: #008ee6;
+  color: #ffffff;
+}
+.edit-display-settings {
+  padding-top: 15px;
+  margin: 0;
+}
+.views-display-column {
+  border: 0 none;
+}
+.view-preview-form .form-item-view-args,
+.view-preview-form .form-actions {
+  display: block;
+}
+.views-ui-display-tab-bucket {
+  background: #f3f5ee;
+  border-bottom: 0 none;
+  margin-bottom: 8px;
+}
+.views-live-preview {
+  padding: 0;
+}
+.views-displays ul.secondary li a,
+.views-displays .tabs li a:hover,
+.views-displays .tabs li.is-active a,
+.views-displays .tabs li.is-active a.is-active {
+  background-color: transparent;
+  color: #0074bd;
+}
 .views-displays .secondary a:hover > .icon.add {
-  background-position: center -25px;
+  background-position: center 3px;
 }
-
-.views-displays .secondary .open > a {
-  border-radius: 7px 7px 0 0;
+.views-displays .tabs .open > a {
+  background-color: #fff;
+  border-bottom: 0 none;
+}
+.views-displays .tabs .open > a:focus,
+.views-displays .tabs .open > a:active,
+.views-displays .tabs .open > a:hover {
+  color: #0074bd;
+  background-color: transparent;
+}
+.views-displays .tabs.secondary .tabs__tab a:hover {
+  border-bottom: 2px solid #008ee6;
+}
+.views-displays .tabs.secondary a.is-active {
+  border-bottom: 2px solid #004f80;
+}
+.views-displays .tabs.secondary a.is-active.views-display-changed-link,
+.views-displays .tabs.secondary a.views-display-changed-link {
+  color: #e09600;
+}
+.views-displays .tabs.secondary .is-active a.views-display-changed-link,
+.views-displays .tabs.secondary a.is-active.views-display-changed-link,
+.views-displays .tabs.secondary a.views-display-changed-link:hover {
+  border-color: #e09600;
 }
 
-.views-displays .secondary .open > a:hover,
-.views-displays .secondary .open > a:focus {
-  background-color: #f1f1f1;
-  color: #008BCB;
+.views-displays .tabs .action-list {
+  top: 28px;
 }
 
 .views-displays .secondary .action-list li:first-child {
-  border-radius: 0 7px 0 0; /* LTR */
-}
-[dir="rtl"] .views-displays .secondary .action-list li:first-child {
-  border-radius: 7px 0 0 0;
+  border-radius: 7px 7px 0 0;
 }
 
 .views-displays .secondary .action-list li:last-child {
   border-radius: 0 0 7px 7px;
 }
 
-.views-displays .secondary .action-list input.form-submit {
-  color: #008bcb;
-}
-
 /* @end */
 
 /* @group Attachment buckets
@@ -277,6 +356,26 @@ details.fieldset-no-legend {
 
 /* @group Live preview elements */
 
+.views-preview-wrapper {
+  border: 0 none;
+}
+.view-preview-form {
+  position: static;
+}
+.view-preview-form__title {
+  background-color: transparent;
+  border-bottom: 0 none;
+  padding: 0;
+  display: inline;
+}
+.view-preview-form .form-item-live-preview {
+  position: static;
+  right: auto;
+  top: auto;
+  margin-top: 0;
+  margin-left: 1em; /* LTR */
+}
+
 .views-query-info pre {
   margin-bottom: 0;
   margin-top: 0;
@@ -329,3 +428,8 @@ details.fieldset-no-legend {
 }
 
 /* @end */
+
+.form-edit .form-actions {
+  background-color: transparent;
+  border: 0 none;
+}