--- a/devtools/client/themes/webconsole.css
+++ b/devtools/client/themes/webconsole.css
@@ -923,23 +923,23 @@ a.learn-more-link.webconsole-learn-more-
   color: var(--theme-body-color);
 }
 .theme-dark .webconsole-output-wrapper .message.error .tree.object-inspector,
 .theme-dark .webconsole-output-wrapper .message.warn .tree.object-inspector {
   --tree-indent-border-color: var(--theme-body-color);
 }
 
 .webconsole-output-wrapper .message-flex-body > .message-body {
-  display: flex;
-  flex-wrap: wrap;
+  display: inline-block;
   max-width: 100%;
 }
 
 .webconsole-output-wrapper .message-body > * {
   flex-shrink: 0;
+  vertical-align: top;
 }
 
 .message.startGroup .message-body > .objectBox-string,
 .message.startGroupCollapsed .message-body > .objectBox-string {
   color: var(--theme-body-color);
   font-weight: bold;
 }
 
@@ -1024,16 +1024,17 @@ a.learn-more-link.webconsole-learn-more-
 /* Hide 'Edit And Resend' button since the feature isn't
    supported in the Console panel. */
 .network.message #headers-panel .edit-and-resend-button {
   display: none;
 }
 
 .network .message-flex-body > .message-body {
   display: flex;
+  flex-wrap: wrap;
 }
 
 /* Output Wrapper */
 
 .webconsole-output-wrapper .message .indent {
   display: inline-block;
   border-inline-end: solid 1px var(--console-output-indent-border-color);
 }
@@ -1172,13 +1173,14 @@ body #output-container {
    * Should be properly fixed in https://bugzilla.mozilla.org/show_bug.cgi?id=1307937.
    */
   --arrow-width: 8px;
   --arrow-fill-color: #AFA8AB;
   --arrow-single-margin: 0.5rem;
   --tree-indent-width: var(--console-output-indent-width);
   --tree-indent-border-color: var(--console-output-indent-border-color);
   --tree-node-hover-background-color : var(--object-inspector-hover-background);
+  display: inline-block;
 }
 
 .theme-dark .webconsole-output-wrapper .object-inspector.tree {
   --arrow-fill-color: #7F7E81;
 }