diff --git a/src/core/utils/cacheRtl.js b/src/core/utils/cacheRtl.js
index 1393e2e..80ac1c4 100644
--- a/src/core/utils/cacheRtl.js
+++ b/src/core/utils/cacheRtl.js
@@ -4,13 +4,25 @@ import { prefixer } from "stylis";
 import stylisRTLPlugin from "stylis-plugin-rtl";
 import { CacheProvider } from "@emotion/react";
 
-const cache = createCache({
-    key: "mui-rtl",
-    stylisPlugins: [prefixer, stylisRTLPlugin],
-});
+const isBrowser = typeof document !== 'undefined';
+
+const createEmotionCache = () => {
+    let insertionPoint;
+
+    if (isBrowser) {
+        const emotionInsertionPoint = document.querySelector('meta[name="emotion-insertion-point"]');
+        insertionPoint = emotionInsertionPoint ?? undefined;
+    }
+
+    return createCache({
+        insertionPoint,
+        key: "mui-rtl",
+        stylisPlugins: [prefixer, stylisRTLPlugin],
+    });;
+};
 
 const cacheProviderRtl = (props) => {
-    return <CacheProvider value={cache}>{props.children}</CacheProvider>;
+    return <CacheProvider value={createEmotionCache()}>{props.children}</CacheProvider>;
 };
 
 export default cacheProviderRtl;