diff --git a/front/src/components/BlogComments.astro b/front/src/components/BlogComments.astro
index 27292c1..33333ca 100644
--- a/front/src/components/BlogComments.astro
+++ b/front/src/components/BlogComments.astro
@@ -1,8 +1,9 @@
 <script
   is:inline
   src="https://utteranc.es/client.js"
-  repo="yanosea/yanoPortfolioBlogComments"
-  issue-term="pathname"
-  theme="github-light"
+  data-repo="yanosea/yanoPortfolioBlogComments"
+  data-issue-term="pathname"
+  data-theme="github-light"
   crossorigin="anonymous"
-  async></script>
+  async
+></script>
diff --git a/front/src/layouts/BaseLayout.astro b/front/src/layouts/BaseLayout.astro
index e4fdfc9..ef6af1f 100644
--- a/front/src/layouts/BaseLayout.astro
+++ b/front/src/layouts/BaseLayout.astro
@@ -2,7 +2,7 @@
 import "@fontsource/dotgothic16/japanese-400.css";
 import "@fontsource/zen-kaku-gothic-new/japanese-400.css";
 
-import { ViewTransitions } from "astro:transitions";
+import { ClientRouter } from "astro:transitions";
 
 export interface Props {
   title?: string;
@@ -60,7 +60,7 @@ const url = new URL(Astro.props.url || "", "https://yanosea.org/").toString();
       is:inline
       src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/js/lightbox.min.js"
       type="text/javascript"></script>
-    <ViewTransitions fallback="swap" />
+    <ClientRouter fallback="swap" />
     <script
       data-astro-rerun
       is:inline