diff --git a/app/p/[slug]/page.tsx b/app/p/[slug]/page.tsx
index 3d28047..e51fcc7 100644
--- a/app/p/[slug]/page.tsx
+++ b/app/p/[slug]/page.tsx
@@ -1,4 +1,4 @@
-import '@catppuccin/highlightjs/sass/catppuccin-variables.scss';
+import '@catppuccin/highlightjs/sass/catppuccin-variables.rgb.scss';
 import clsx from 'clsx';
 import components from 'components/mdx/components';
 import data from 'content/mdx-data';
diff --git a/components/common/gist-code.tsx b/components/common/gist-code.tsx
index 9ce2895..53191de 100644
--- a/components/common/gist-code.tsx
+++ b/components/common/gist-code.tsx
@@ -1,4 +1,4 @@
-import '@catppuccin/highlightjs/sass/catppuccin-variables.scss';
+import '@catppuccin/highlightjs/sass/catppuccin-variables.rgb.scss';
 import GistsCode from 'components/pages/gists/gists-code';
 import { getSignalGist } from 'lib/fetcher';
 
diff --git a/components/pages/gists/gists-code.tsx b/components/pages/gists/gists-code.tsx
index 928a951..b9f8530 100644
--- a/components/pages/gists/gists-code.tsx
+++ b/components/pages/gists/gists-code.tsx
@@ -1,4 +1,4 @@
-import '@catppuccin/highlightjs/sass/catppuccin-variables.scss';
+import '@catppuccin/highlightjs/sass/catppuccin-variables.rgb.scss';
 import clsx from 'clsx';
 import CopyCode from 'components/post/copy-code';
 import { memo } from 'react';