diff --git a/Tests/LibWeb/Layout/expected/css-all-unset.txt b/Tests/LibWeb/Layout/expected/css-all-unset.txt
index c16f70bf4b0..4ec6d920d4a 100644
--- a/Tests/LibWeb/Layout/expected/css-all-unset.txt
+++ b/Tests/LibWeb/Layout/expected/css-all-unset.txt
@@ -1,5 +1,5 @@
-Viewport <#document> at (0,0) content-size 800x600 children: inline
-  InlineNode <html>
+Viewport <#document> at (0,0) content-size 800x600 children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x17 [BFC] children: inline
     InlineNode <head>
       InlineNode <style>
         frag 0 from TextNode start: 1, length: 18, rect: [0,0 134.984375x17] baseline: 13.296875
@@ -11,7 +11,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: inline
       TextNode <#text>
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  InlinePaintable (InlineNode<HTML>)
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x17]
     InlinePaintable (InlineNode<HEAD>)
       InlinePaintable (InlineNode<STYLE>)
         TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/html-display-contents.txt b/Tests/LibWeb/Layout/expected/html-display-contents.txt
new file mode 100644
index 00000000000..82ddc13301f
--- /dev/null
+++ b/Tests/LibWeb/Layout/expected/html-display-contents.txt
@@ -0,0 +1,11 @@
+Viewport <#document> at (0,0) content-size 800x600 children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+    BlockContainer <body> at (8,8) content-size 784x17 children: inline
+      frag 0 from TextNode start: 0, length: 3, rect: [8,8 18.828125x17] baseline: 13.296875
+          "lol"
+      TextNode <#text>
+
+ViewportPaintable (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
+      TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/html-display-inline.txt b/Tests/LibWeb/Layout/expected/html-display-inline.txt
new file mode 100644
index 00000000000..82ddc13301f
--- /dev/null
+++ b/Tests/LibWeb/Layout/expected/html-display-inline.txt
@@ -0,0 +1,11 @@
+Viewport <#document> at (0,0) content-size 800x600 children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+    BlockContainer <body> at (8,8) content-size 784x17 children: inline
+      frag 0 from TextNode start: 0, length: 3, rect: [8,8 18.828125x17] baseline: 13.296875
+          "lol"
+      TextNode <#text>
+
+ViewportPaintable (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
+      TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/replaced-within-max-content.txt b/Tests/LibWeb/Layout/expected/replaced-within-max-content.txt
index ed9f40fadee..c1df451178e 100644
--- a/Tests/LibWeb/Layout/expected/replaced-within-max-content.txt
+++ b/Tests/LibWeb/Layout/expected/replaced-within-max-content.txt
@@ -7,7 +7,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         frag 0 from ImageBox start: 0, length: 0, rect: [8,8 150x150] baseline: 150
         ImageBox <img.replaced> at (8,8) content-size 150x150 children: not-inline
           (SVG-as-image isolated context)
-          Viewport <#document> at (0,0) content-size 150x150 [BFC] children: inline
+          Viewport <#document> at (0,0) content-size 150x150 [BFC] children: not-inline
             SVGSVGBox <svg> at (0,0) content-size 150x150 [SVG] children: not-inline
               SVGGeometryBox <path> at (0,0) content-size 150x150 children: not-inline
         TextNode <#text>
diff --git a/Tests/LibWeb/Layout/expected/svg/svg-as-image-implicit-viewbox.txt b/Tests/LibWeb/Layout/expected/svg/svg-as-image-implicit-viewbox.txt
index 0652407eeb9..11ccda20414 100644
--- a/Tests/LibWeb/Layout/expected/svg/svg-as-image-implicit-viewbox.txt
+++ b/Tests/LibWeb/Layout/expected/svg/svg-as-image-implicit-viewbox.txt
@@ -3,7 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
     BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
       ImageBox <img> at (8,8) content-size 50x100 children: not-inline
         (SVG-as-image isolated context)
-        Viewport <#document> at (0,0) content-size 50x100 [BFC] children: inline
+        Viewport <#document> at (0,0) content-size 50x100 [BFC] children: not-inline
           SVGSVGBox <svg> at (0,0) content-size 50x100 [SVG] children: not-inline
             SVGGeometryBox <rect> at (0,0) content-size 50x100 children: not-inline
 
diff --git a/Tests/LibWeb/Layout/expected/svg/svg-as-image.txt b/Tests/LibWeb/Layout/expected/svg/svg-as-image.txt
index b0b8a0bc4fb..39018f3faa0 100644
--- a/Tests/LibWeb/Layout/expected/svg/svg-as-image.txt
+++ b/Tests/LibWeb/Layout/expected/svg/svg-as-image.txt
@@ -3,7 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
     BlockContainer <body> at (8,8) content-size 784x1568 children: not-inline
       ImageBox <img> at (8,8) content-size 784x1568 children: not-inline
         (SVG-as-image isolated context)
-        Viewport <#document> at (0,0) content-size 784x1568 [BFC] children: inline
+        Viewport <#document> at (0,0) content-size 784x1568 [BFC] children: not-inline
           SVGSVGBox <svg> at (0,0) content-size 784x1568 [SVG] children: inline
             TextNode <#text>
             SVGGeometryBox <rect> at (0,0) content-size 784x1568 children: not-inline
diff --git a/Tests/LibWeb/Layout/expected/svg/svg-with-zero-intrinsic-size-and-no-viewbox.txt b/Tests/LibWeb/Layout/expected/svg/svg-with-zero-intrinsic-size-and-no-viewbox.txt
index 13e51e5beb0..63475f451f7 100644
--- a/Tests/LibWeb/Layout/expected/svg/svg-with-zero-intrinsic-size-and-no-viewbox.txt
+++ b/Tests/LibWeb/Layout/expected/svg/svg-with-zero-intrinsic-size-and-no-viewbox.txt
@@ -1,9 +1,9 @@
-Viewport <#document> at (0,0) content-size 800x600 children: inline
-  InlineNode <svg>
+Viewport <#document> at (0,0) content-size 800x600 children: not-inline
+  BlockContainer <svg> at (0,0) content-size 800x0 children: inline
     TextNode <#text>
     InlineNode <rect>
     TextNode <#text>
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  InlinePaintable (InlineNode<svg>)
+  PaintableWithLines (BlockContainer<svg>) [0,0 800x0]
     InlinePaintable (InlineNode<rect>)
diff --git a/Tests/LibWeb/Layout/expected/zero-height-viewport-svg-image.txt b/Tests/LibWeb/Layout/expected/zero-height-viewport-svg-image.txt
index 20d76525089..01c66e74946 100644
--- a/Tests/LibWeb/Layout/expected/zero-height-viewport-svg-image.txt
+++ b/Tests/LibWeb/Layout/expected/zero-height-viewport-svg-image.txt
@@ -4,7 +4,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       frag 0 from ImageBox start: 0, length: 0, rect: [8,8 300x150] baseline: 150
       ImageBox <img> at (8,8) content-size 300x150 children: not-inline
         (SVG-as-image isolated context)
-        Viewport <#document> at (0,0) content-size 300x150 [BFC] children: inline
+        Viewport <#document> at (0,0) content-size 300x150 [BFC] children: not-inline
           SVGSVGBox <svg> at (0,0) content-size 300x150 [SVG] children: not-inline
       TextNode <#text>
 
diff --git a/Tests/LibWeb/Layout/expected/zero-width-viewport-svg-image.txt b/Tests/LibWeb/Layout/expected/zero-width-viewport-svg-image.txt
index 9640c8f0727..7e88cec126e 100644
--- a/Tests/LibWeb/Layout/expected/zero-width-viewport-svg-image.txt
+++ b/Tests/LibWeb/Layout/expected/zero-width-viewport-svg-image.txt
@@ -4,7 +4,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       frag 0 from ImageBox start: 0, length: 0, rect: [8,8 300x150] baseline: 150
       ImageBox <img> at (8,8) content-size 300x150 children: not-inline
         (SVG-as-image isolated context)
-        Viewport <#document> at (0,0) content-size 300x150 [BFC] children: inline
+        Viewport <#document> at (0,0) content-size 300x150 [BFC] children: not-inline
           SVGSVGBox <svg> at (0,0) content-size 300x150 [SVG] children: not-inline
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
diff --git a/Tests/LibWeb/Layout/input/html-display-contents.html b/Tests/LibWeb/Layout/input/html-display-contents.html
new file mode 100644
index 00000000000..8915568eb62
--- /dev/null
+++ b/Tests/LibWeb/Layout/input/html-display-contents.html
@@ -0,0 +1 @@
+<html style="display:contents"><body>lol
diff --git a/Tests/LibWeb/Layout/input/html-display-inline.html b/Tests/LibWeb/Layout/input/html-display-inline.html
new file mode 100644
index 00000000000..3edc01b5ff8
--- /dev/null
+++ b/Tests/LibWeb/Layout/input/html-display-inline.html
@@ -0,0 +1 @@
+<html style="display:inline">lol
diff --git a/Userland/Libraries/LibWeb/CSS/StyleComputer.cpp b/Userland/Libraries/LibWeb/CSS/StyleComputer.cpp
index 8346698e777..ce2033a8031 100644
--- a/Userland/Libraries/LibWeb/CSS/StyleComputer.cpp
+++ b/Userland/Libraries/LibWeb/CSS/StyleComputer.cpp
@@ -2177,9 +2177,17 @@ void StyleComputer::transform_box_type_if_needed(StyleProperties& style, DOM::El
     // (This has no effect on display types that generate no box at all, such as none or contents.)
 
     auto display = style.display();
-    if (display.is_none() || display.is_contents())
+
+    if (display.is_none() || (display.is_contents() && !element.is_document_element()))
         return;
 
+    // https://drafts.csswg.org/css-display/#root
+    // The root element’s display type is always blockified, and its principal box always establishes an independent formatting context.
+    if (element.is_document_element() && !display.is_block_outside()) {
+        style.set_property(CSS::PropertyID::Display, DisplayStyleValue::create(Display::from_short(CSS::Display::Short::Block)));
+        return;
+    }
+
     auto new_display = display;
 
     if (display.is_math_inside()) {
