diff --git a/src/devtools/views/EditableValue.css b/src/devtools/views/EditableValue.css
index 6440579882..12dd20cc25 100644
--- a/src/devtools/views/EditableValue.css
+++ b/src/devtools/views/EditableValue.css
@@ -1,12 +1,13 @@
 .ValueInputLabel {
   flex: 1 1 100%;
+  display: flex;
 }
 .ValueInputLabel:focus-within {
   background-color: var(--color-button-background-focus);
 }
 
 .ValueInput {
-  width: 100%;
+  flex: 1 1;
   background: none;
   border: 1px solid transparent;
   color: var(--color-attribute-editable-value);
diff --git a/src/devtools/views/HooksTree.css b/src/devtools/views/HooksTree.css
index 1fbc785e13..255e3fe0ad 100644
--- a/src/devtools/views/HooksTree.css
+++ b/src/devtools/views/HooksTree.css
@@ -27,6 +27,8 @@
 
 .Value {
   color: var(--color-attribute-value);
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .None {
diff --git a/src/devtools/views/InspectedElementTree.css b/src/devtools/views/InspectedElementTree.css
index 4996d36e4e..6b8278df4b 100644
--- a/src/devtools/views/InspectedElementTree.css
+++ b/src/devtools/views/InspectedElementTree.css
@@ -26,6 +26,8 @@
 
 .Value {
   color: var(--color-attribute-value);
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .None {
diff --git a/src/devtools/views/SelectedElement.css b/src/devtools/views/SelectedElement.css
index d68ec7229a..4d0c7cbcf8 100644
--- a/src/devtools/views/SelectedElement.css
+++ b/src/devtools/views/SelectedElement.css
@@ -51,7 +51,8 @@
 }
 
 .InspectedElement {
-  overflow: auto;
+  overflow-x: hidden;
+  overflow-y: auto;
   font-family: var(--font-family-monospace);
   font-size: var(--font-size-monospace-normal);
   line-height: var(--line-height-data);