diff --git a/browser/base/content/browser-ctrlTab.js b/browser/base/content/browser-ctrlTab.js
index a1e23c300baf..814c0455c0bb 100644
--- a/browser/base/content/browser-ctrlTab.js
+++ b/browser/base/content/browser-ctrlTab.js
@@ -240,7 +240,6 @@ var ctrlTab = {
 
     let label = (preview._label = document.createXULElement("label"));
     label.className = "ctrlTab-label plain";
-    label.setAttribute("crop", "end");
     previewInner.appendChild(label);
 
     return preview;
@@ -281,7 +280,7 @@ var ctrlTab = {
       canvas.style.maxHeight = canvasHeight + "px";
       canvas.appendChild(tabPreviews.get(aTab));
 
-      aPreview._label.setAttribute("value", aTab.label);
+      aPreview._label.textContent = aTab.label;
       aPreview.setAttribute("tooltiptext", aTab.label);
       if (aTab.image) {
         aPreview._favicon.setAttribute("src", aTab.image);
@@ -291,7 +290,7 @@ var ctrlTab = {
       aPreview.hidden = false;
     } else {
       aPreview.hidden = true;
-      aPreview._label.removeAttribute("value");
+      aPreview._label.textContent = "";
       aPreview.removeAttribute("tooltiptext");
       aPreview._favicon.removeAttribute("src");
     }
diff --git a/browser/themes/shared/ctrlTab.css b/browser/themes/shared/ctrlTab.css
index fa3b86221a64..5b228debb401 100644
--- a/browser/themes/shared/ctrlTab.css
+++ b/browser/themes/shared/ctrlTab.css
@@ -96,5 +96,10 @@
 }
 
 .ctrlTab-label {
+  -moz-box-flex: 1;
   text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  contain: inline-size;
 }