diff --git a/packages/next/src/pages/_error.tsx b/packages/next/src/pages/_error.tsx
index effc8b75d129a..ca8a442decfa1 100644
--- a/packages/next/src/pages/_error.tsx
+++ b/packages/next/src/pages/_error.tsx
@@ -88,7 +88,7 @@ export default class Error<P = {}> extends React.Component<P & ErrorProps> {
               /* CSS minified from
                 body { margin: 0; color: #000; background: #fff; }
                 .next-error-h1 {
-                  border-right: 1px solid rgba(0, 0, 0, .3);
+                  border-right: 1px solid rgb(0 0 0 / .3);
                 }
 
                 ${
@@ -96,15 +96,15 @@ export default class Error<P = {}> extends React.Component<P & ErrorProps> {
                     ? `@media (prefers-color-scheme: dark) {
                   body { color: #fff; background: #000; }
                   .next-error-h1 {
-                    border-right: 1px solid rgba(255, 255, 255, .3);
+                    border-right: 1px solid rgb(255 255 255 / .3);
                   }
                 }`
                     : ''
                 }
                */
-              __html: `body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}${
+              __html: `body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgb(0 0 0 / .3)}${
                 withDarkMode
-                  ? '@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}'
+                  ? '@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgb(255 255 255 / .3)}}'
                   : ''
               }`,
             }}