diff --git a/.vitepress/theme/components/PageIndicator.vue b/.vitepress/theme/components/PageIndicator.vue
index 0f5eb2e..c2b85ef 100644
--- a/.vitepress/theme/components/PageIndicator.vue
+++ b/.vitepress/theme/components/PageIndicator.vue
@@ -355,7 +355,7 @@ if (typeof window !== "undefined") {
         border-radius: var(--md-sys-shape-corner-extra-large);
 
         &:focus-visible {
-          @include mixin.focus-ring($size: 2);
+          @include mixin.focus-ring($thickness: 2);
 
           background-color: var(--md-sys-color-surface-container);
         }
diff --git a/.vitepress/theme/components/PrevNext.vue b/.vitepress/theme/components/PrevNext.vue
index e3613a9..ea7b5ed 100644
--- a/.vitepress/theme/components/PrevNext.vue
+++ b/.vitepress/theme/components/PrevNext.vue
@@ -165,7 +165,7 @@ const next = computed(() => {
       }
 
       &:focus-visible {
-        @include mixin.focus-ring();
+        @include mixin.focus-ring($thickness: 2);
       }
     }
 
diff --git a/.vitepress/theme/layouts/Article.vue b/.vitepress/theme/layouts/Article.vue
index f0dba4f..b7b1d80 100644
--- a/.vitepress/theme/layouts/Article.vue
+++ b/.vitepress/theme/layouts/Article.vue
@@ -150,7 +150,7 @@ section {
         }
 
         &:focus-visible {
-          @include mixin.focus-ring($size: 2, $z-index: 3);
+          @include mixin.focus-ring($thickness: 2, $z-index: 3);
 
           outline-color: var(--md-ref-palette-neutral90) !important;
         }
@@ -319,7 +319,7 @@ section {
           }
 
           &:focus-visible {
-            @include mixin.focus-ring($size: 3);
+            @include mixin.focus-ring($thickness: 3);
           }
         }
 
@@ -431,7 +431,7 @@ section {
         -moz-user-select: none;
 
         &:focus-visible {
-          @include mixin.focus-ring($size: 2, $z-index: 2);
+          @include mixin.focus-ring($thickness: 2, $z-index: 2);
 
           opacity: 1;
 
diff --git a/.vitepress/theme/styles/mixin.scss b/.vitepress/theme/styles/mixin.scss
index 8774aa0..190cf99 100644
--- a/.vitepress/theme/styles/mixin.scss
+++ b/.vitepress/theme/styles/mixin.scss
@@ -40,19 +40,19 @@
   word-wrap: normal;
 }
 
-@mixin focus-ring($size: 2, $z-index: 1) {
+@mixin focus-ring($thickness: 2, $offset: $thickness, $z-index: 1) {
   @keyframes focus-ring {
     0% {
-      outline: #{$size * 4}px solid var(--md-sys-color-primary);
+      outline: #{$thickness * 4}px solid var(--md-sys-color-primary);
     }
 
     100% {
-      outline: #{$size}px solid var(--md-sys-color-primary);
+      outline: #{$thickness}px solid var(--md-sys-color-primary);
     }
   }
 
   animation: focus-ring var(--md-sys-motion-spring-slow-effect-duration) var(--md-sys-motion-spring-slow-effect) forwards;
-  outline-offset: #{$size}px;
+  outline-offset: #{$offset}px;
   transition: background-color var(--md-sys-motion-spring-fast-effect-duration) var(--md-sys-motion-spring-fast-effect),
     outline var(--md-sys-motion-spring-fast-spatial-standard-duration) var(--md-sys-motion-spring-fast-spatial-standard);
   z-index: $z-index;