diff --git a/Base/res/ladybird/about-pages/settings.html b/Base/res/ladybird/about-pages/settings.html
index d319cb0f9a..ee9698cfef 100644
--- a/Base/res/ladybird/about-pages/settings.html
+++ b/Base/res/ladybird/about-pages/settings.html
@@ -3,94 +3,27 @@
     <head>
         <title>Settings</title>
         <link rel="stylesheet" type="text/css" href="resource://ladybird/ladybird.css" />
+        <link rel="stylesheet" type="text/css" href="resource://ladybird/about-pages/webui.css" />
         <style>
             @media (prefers-color-scheme: light) {
                 :root {
-                    --card-background-color: #f5f5f5;
-                    --card-header-background-color: #f0f2f5;
-
                     --input-background-color: white;
-
                     --border-color: #dcdde1;
                 }
             }
 
             @media (prefers-color-scheme: dark) {
                 :root {
-                    --card-background-color: #242424;
-                    --card-header-background-color: #252525;
-
                     --border-color: #3d3d3d;
                 }
             }
 
-            * {
-                box-sizing: border-box;
-            }
-
-            body {
-                max-width: 800px;
-
-                margin: 0 auto;
-                padding: 20px;
-            }
-
-            header {
-                display: flex;
-                align-items: center;
-
-                margin-bottom: 30px;
-            }
-
-            header h1 {
-                font-size: 20px;
-            }
-
-            header img {
-                height: 48px;
-                margin-right: 10px;
-                float: left;
-            }
-
             hr {
                 height: 1px;
                 background-color: var(--border-color);
                 border: none;
             }
 
-            .card-title {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-
-                font-size: 16px;
-                font-weight: 500;
-                margin: 0 0 8px 4px;
-            }
-
-            .card {
-                background-color: var(--card-background-color);
-
-                border-radius: 8px;
-                margin-bottom: 20px;
-            }
-
-            .card-body {
-                padding: 20px;
-            }
-
-            .card-body > hr {
-                margin: 0 8px 16px 8px;
-            }
-
-            .card-group {
-                margin-bottom: 20px;
-            }
-
-            .card-group:last-child {
-                margin-bottom: 0;
-            }
-
             .inline-container {
                 display: flex;
                 align-items: center;
diff --git a/Base/res/ladybird/about-pages/webui.css b/Base/res/ladybird/about-pages/webui.css
new file mode 100644
index 0000000000..893eb24da8
--- /dev/null
+++ b/Base/res/ladybird/about-pages/webui.css
@@ -0,0 +1,74 @@
+@media (prefers-color-scheme: light) {
+    :root {
+        --card-background-color: #f5f5f5;
+        --card-header-background-color: #f0f2f5;
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    :root {
+        --card-background-color: #242424;
+        --card-header-background-color: #252525;
+    }
+}
+
+* {
+    box-sizing: border-box;
+}
+
+body {
+    max-width: 800px;
+
+    margin: 0 auto;
+    padding: 20px;
+}
+
+header {
+    display: flex;
+    align-items: center;
+
+    margin-bottom: 30px;
+}
+
+header h1 {
+    font-size: 20px;
+}
+
+header img {
+    height: 48px;
+    margin-right: 10px;
+    float: left;
+}
+
+.card-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    font-size: 16px;
+    font-weight: 500;
+    margin: 0 0 8px 4px;
+}
+
+.card {
+    background-color: var(--card-background-color);
+
+    border-radius: 8px;
+    margin-bottom: 20px;
+}
+
+.card-body {
+    padding: 20px;
+}
+
+.card-body > hr {
+    margin: 0 8px 16px 8px;
+}
+
+.card-group {
+    margin-bottom: 20px;
+}
+
+.card-group:last-child {
+    margin-bottom: 0;
+}
diff --git a/UI/cmake/ResourceFiles.cmake b/UI/cmake/ResourceFiles.cmake
index 9ea1c7dacb..8d9fac359a 100644
--- a/UI/cmake/ResourceFiles.cmake
+++ b/UI/cmake/ResourceFiles.cmake
@@ -73,6 +73,7 @@ set(ABOUT_PAGES
     newtab.html
     processes.html
     settings.html
+    webui.css
 )
 list(TRANSFORM ABOUT_PAGES PREPEND "${LADYBIRD_SOURCE_DIR}/Base/res/ladybird/about-pages/")
 
