diff --git a/src/components/accordion/_accordion.scss b/src/components/accordion/_accordion.scss
index 2888901b8d1d..1054613b41e3 100644
--- a/src/components/accordion/_accordion.scss
+++ b/src/components/accordion/_accordion.scss
@@ -65,7 +65,7 @@
     }
 
     &:focus:before {
-      @include focus-outline('outline');
+      @include focus-outline('outline-compat');
     }
   }
 
diff --git a/src/globals/scss/_helper-mixins.scss b/src/globals/scss/_helper-mixins.scss
index 719902b00781..e21b5748b973 100644
--- a/src/globals/scss/_helper-mixins.scss
+++ b/src/globals/scss/_helper-mixins.scss
@@ -86,6 +86,11 @@
     outline-offset: -2px;
   }
 
+  @if ($type == 'outline-compat') {
+    border: 2px solid $focus;
+    box-sizing: border-box;
+  }
+
   @if ($type == 'invalid') {
     outline: 2px solid $support-01;
     outline-offset: -2px;
diff --git a/src/globals/scss/_theme-tokens.scss b/src/globals/scss/_theme-tokens.scss
index 2f40cd87a3f0..e17ab2aad4cf 100644
--- a/src/globals/scss/_theme-tokens.scss
+++ b/src/globals/scss/_theme-tokens.scss
@@ -200,7 +200,7 @@
   /// @type Color
   /// @access public
   /// @group data-table
-  $data-table-zebra-color: #fcfcfc !default !global;
+  $data-table-zebra-color: $ui-02 !default !global;
 
   /// @type Color
   /// @access public