diff --git a/core/modules/field_ui/css/field_ui_display_mode_table.css b/core/modules/field_ui/css/field_ui_display_mode_table.css
new file mode 100644
index 0000000000000000000000000000000000000000..d7da4b105039cf0712e0510908b6dbc19869f04e
--- /dev/null
+++ b/core/modules/field_ui/css/field_ui_display_mode_table.css
@@ -0,0 +1,13 @@
+.display-mode-table th:first-child {
+  width: 30%;
+}
+.display-mode-table th:nth-child(2) {
+  width: 50%;
+}
+.display-mode-table th:last-child {
+  width: 20%;
+}
+.display-mode-table td {
+  max-width: 50px;
+  word-wrap: break-word;
+}
diff --git a/core/modules/field_ui/field_ui.libraries.yml b/core/modules/field_ui/field_ui.libraries.yml
index 8aa2a27ac4fd7273ab9e89f54055439638ed68a8..24f40877c5cf7c8c60e9fdafbc57099b1c97242a 100644
--- a/core/modules/field_ui/field_ui.libraries.yml
+++ b/core/modules/field_ui/field_ui.libraries.yml
@@ -21,3 +21,9 @@ drupal.field_ui.manage_fields:
     theme:
       css/field_ui_add_field.theme.css: {}
       css/field_ui.icons.theme.css: {}
+
+drupal.field_ui_table:
+  version: VERSION
+  css:
+    theme:
+      css/field_ui_display_mode_table.css: {}
diff --git a/core/modules/field_ui/src/EntityDisplayModeListBuilder.php b/core/modules/field_ui/src/EntityDisplayModeListBuilder.php
index db6132b96a5a7e4d8105962491e50485e4779b23..aa5cbb59e5876a4a38c97258c539cb77225c8f6b 100644
--- a/core/modules/field_ui/src/EntityDisplayModeListBuilder.php
+++ b/core/modules/field_ui/src/EntityDisplayModeListBuilder.php
@@ -129,6 +129,9 @@ public function render() {
         '#type' => 'table',
         '#header' => $this->buildHeader(),
         '#rows' => [],
+        '#attributes' => [
+          'class' => ['display-mode-table'],
+        ],
       ];
       foreach ($entities as $entity) {
         if ($row = $this->buildRow($entity)) {
@@ -158,6 +161,7 @@ public function render() {
           '#attached' => [
             'library' => [
               'core/drupal.dialog.ajax',
+              'field_ui/drupal.field_ui_table',
             ],
           ],
         ],
diff --git a/core/themes/stable9/css/field_ui/field_ui_display_mode_table.css b/core/themes/stable9/css/field_ui/field_ui_display_mode_table.css
new file mode 100644
index 0000000000000000000000000000000000000000..d7da4b105039cf0712e0510908b6dbc19869f04e
--- /dev/null
+++ b/core/themes/stable9/css/field_ui/field_ui_display_mode_table.css
@@ -0,0 +1,13 @@
+.display-mode-table th:first-child {
+  width: 30%;
+}
+.display-mode-table th:nth-child(2) {
+  width: 50%;
+}
+.display-mode-table th:last-child {
+  width: 20%;
+}
+.display-mode-table td {
+  max-width: 50px;
+  word-wrap: break-word;
+}
diff --git a/core/themes/stable9/stable9.info.yml b/core/themes/stable9/stable9.info.yml
index beb3b0c17af772cc4bd39f4a230254c0b395cf87..fd2dd2e022fbbdcc673da392b5d9275d7cbbf7d9 100644
--- a/core/themes/stable9/stable9.info.yml
+++ b/core/themes/stable9/stable9.info.yml
@@ -296,6 +296,10 @@ libraries-override:
       theme:
         css/views_ui.admin.theme.css: css/views_ui/views_ui.admin.theme.css
         css/views_ui.contextual.css: css/views_ui/views_ui.contextual.css
+  field_ui/drupal.field_ui_table:
+    css:
+      theme:
+        css/field_ui_display_mode_table.css: css/field_ui/field_ui_display_mode_table.css
 
 libraries-extend:
   tour/tour: