diff --git a/app/styles/_core.less b/app/styles/_core.less
index 78eb487c6e..852276c29c 100644
--- a/app/styles/_core.less
+++ b/app/styles/_core.less
@@ -1145,13 +1145,17 @@ pre.clipped {
   margin-right: 5px;
   // A bit more space below the actions button.
   margin-top: 3px;
+  width: 100%; // needed to enable truncation within table
   &:before {
     content: ' ';
     white-space: normal;
   }
   .label-pair {
     margin-bottom: 2px;
+    width: 100%; // needed to enable truncation within table
   .label {
+    // prevent short label-key or label-value from being truncated less than 4 characters
+    min-width: 50px;
     &:first-child {
       border-radius: 2px 0 0 2px;
     }
diff --git a/dist/styles/main.css b/dist/styles/main.css
index 4a6394c299..fc75be1299 100644
--- a/dist/styles/main.css
+++ b/dist/styles/main.css
@@ -4004,9 +4004,10 @@ status-icon .spinner.spinner-inline{margin-left:.153846em;margin-right:.153846em
 .last-status status-icon .spinner.spinner-inline{margin-left:4px;margin-right:4px}
 pre.clipped{display:inline-block;margin-top:10px;max-width:100%}
 pre.clipped.scroll{max-height:150px;overflow:auto;width:100%}
-.k8s-label{margin-right:5px;margin-top:3px}
+.k8s-label{margin-right:5px;margin-top:3px;width:100%}
 .k8s-label:before{content:' ';white-space:normal}
-.k8s-label .label-pair{margin-bottom:2px}
+.k8s-label .label-pair{margin-bottom:2px;width:100%}
+.k8s-label .label-pair .label{min-width:50px}
 .k8s-label .label-pair .label:first-child{border-radius:2px 0 0 2px}
 .k8s-label .label-pair .label:last-child{border-radius:0 2px 2px 0}
 .k8s-label .label-pair .label-key{background-color:#bee1f4;color:#00659c;padding-top:4px;padding-bottom:4px;margin-left:0;font-size:12px}