diff --git a/assets/css/devportal2022-v7.css b/assets/css/devportal2022-v8.css
similarity index 100%
rename from assets/css/devportal2022-v7.css
rename to assets/css/devportal2022-v8.css
diff --git a/styles/package.json b/styles/package.json
index 70c6b19c0a..4475306bdc 100644
--- a/styles/package.json
+++ b/styles/package.json
@@ -4,9 +4,9 @@
     "node-sass": "^7.0.0"
   },
   "scripts": {
-    "build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2022-v7.css --output-style compressed",
-    "build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v7.css --output-style compressed --source-map true",
-    "build-css-watch-out": "node-sass --recursive --watch  --include-path scss xrpl.scss ../out/assets/css/devportal2022-v7.css --output-style compressed --source-map true"
+    "build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2022-v8.css --output-style compressed",
+    "build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v8.css --output-style compressed --source-map true",
+    "build-css-watch-out": "node-sass --recursive --watch  --include-path scss xrpl.scss ../out/assets/css/devportal2022-v8.css --output-style compressed --source-map true"
   },
   "dependencies": {
     "sass": "^1.26.10"
diff --git a/template/base.html.jinja b/template/base.html.jinja
index 2c886d92f5..dee8d3929e 100644
--- a/template/base.html.jinja
+++ b/template/base.html.jinja
@@ -53,7 +53,7 @@
     {% if target.lang=="ja" %}
     <link href="{{currentpage.prefix}}assets/css/fonts-ja.css" rel="stylesheet" />
     {% endif %}
-    <link href="{{currentpage.prefix}}assets/css/devportal2022-v7.css" rel="stylesheet" />
+    <link href="{{currentpage.prefix}}assets/css/devportal2022-v8.css" rel="stylesheet" />
 
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />