diff --git a/packages/components/src/components/code-snippet/_code-snippet.scss b/packages/components/src/components/code-snippet/_code-snippet.scss
index 93232bfcb225..e46f4bb5119b 100644
--- a/packages/components/src/components/code-snippet/_code-snippet.scss
+++ b/packages/components/src/components/code-snippet/_code-snippet.scss
@@ -90,6 +90,11 @@
     padding: 0 $spacing-03;
   }
 
+  .#{$prefix}--snippet--single .#{$prefix}--snippet-container,
+  .#{$prefix}--snippet--multi .#{$prefix}--snippet-container {
+    @include focus-outline('reset');
+  }
+
   // Single Line Snippet
   .#{$prefix}--snippet--single {
     @include bx--snippet;
diff --git a/packages/react/src/components/CodeSnippet/CodeSnippet.js b/packages/react/src/components/CodeSnippet/CodeSnippet.js
index 3dd581309e00..6785e209d1f1 100644
--- a/packages/react/src/components/CodeSnippet/CodeSnippet.js
+++ b/packages/react/src/components/CodeSnippet/CodeSnippet.js
@@ -69,8 +69,6 @@ function CodeSnippet({
   return (
     <div {...rest} className={codeSnippetClasses}>
       <div
-        role="textbox"
-        tabIndex={0}
         className={`${prefix}--snippet-container`}
         aria-label={ariaLabel || copyLabel || 'code-snippet'}>
         <code>