diff --git a/Base/res/html/misc/css-import-relative/css-import-4a.css b/Base/res/html/misc/css-import-relative/css-import-4a.css
new file mode 100644
index 0000000000..196e1fd39e
--- /dev/null
+++ b/Base/res/html/misc/css-import-relative/css-import-4a.css
@@ -0,0 +1 @@
+@import "css-import-4b.css";
diff --git a/Base/res/html/misc/css-import-relative/css-import-4b.css b/Base/res/html/misc/css-import-relative/css-import-4b.css
new file mode 100644
index 0000000000..f5421c02d4
--- /dev/null
+++ b/Base/res/html/misc/css-import-relative/css-import-4b.css
@@ -0,0 +1 @@
+p.fourth { background-color: lime; }
diff --git a/Base/res/html/misc/css-import.html b/Base/res/html/misc/css-import.html
index 96f506671f..ce3dfa18ca 100644
--- a/Base/res/html/misc/css-import.html
+++ b/Base/res/html/misc/css-import.html
@@ -5,6 +5,7 @@
 @import "css-import-1.css";
 @import url("css-import-2.css");
 @import url(css-import-3.css);
+@import "css-import-relative/css-import-4a.css";
 </style>
 </head>
 <body>
@@ -12,6 +13,7 @@
     <p class="first">If this is green, <code>@import "string";</code> works!</p>
     <p class="second">If this is green, <code>@import url("string");</code> works!</p>
     <p class="third">If this is green, <code>@import url(unquoted-string);</code> works!</p>
+    <p class="fourth">If this is green, relative <code>@import</code> resolves correctly!</p>
 </div>
 </body>
 </html>
diff --git a/Userland/Libraries/LibWeb/CSS/CSSImportRule.cpp b/Userland/Libraries/LibWeb/CSS/CSSImportRule.cpp
index 25214d8ce3..6789443b5f 100644
--- a/Userland/Libraries/LibWeb/CSS/CSSImportRule.cpp
+++ b/Userland/Libraries/LibWeb/CSS/CSSImportRule.cpp
@@ -84,6 +84,9 @@ void CSSImportRule::resource_did_load()
     }
 
     m_style_sheet = move(sheet);
+
+    m_document->style_sheets().bump_generation();
+    m_document->invalidate_style();
 }
 
 }
