diff --git a/docs/src/pages/components/CodeSnippet.svx b/docs/src/pages/components/CodeSnippet.svx
index c0880fa5..f29d59b1 100644
--- a/docs/src/pages/components/CodeSnippet.svx
+++ b/docs/src/pages/components/CodeSnippet.svx
@@ -36,7 +36,7 @@ You can override the default copy functionality with your own implementation. Se
 
 ## Default (single-line)
 
-<CodeSnippet code="yarn add carbon-components-svelte" />
+<CodeSnippet code="npm i carbon-components-svelte" />
 
 ## Overriding copy functionality
 
@@ -50,7 +50,7 @@ In this example, we use the open source module [clipboard-copy](https://github.c
 
 To prevent text from being copied entirely, pass a no-op function to the `copy` prop.
 
-<CodeSnippet code="yarn add carbon-components-svelte" copy={() => {}} />
+<CodeSnippet code="npm i carbon-components-svelte" copy={() => {}} />
 
 ## Inline
 
@@ -104,7 +104,7 @@ Use the `showMoreText` and `showLessText` props to override the default "Show mo
 
 The `disabled` prop applies only to the `"single"` and `"multi"` code snippet types.
 
-<CodeSnippet disabled code="yarn add carbon-components-svelte" />
+<CodeSnippet disabled code="npm i carbon-components-svelte" />
 <br />
 <CodeSnippet disabled type="multi" code="{comment}" />
 
diff --git a/docs/src/pages/framed/CodeSnippet/CodeSnippetOverride.svelte b/docs/src/pages/framed/CodeSnippet/CodeSnippetOverride.svelte
index f447cb04..64ccab08 100644
--- a/docs/src/pages/framed/CodeSnippet/CodeSnippetOverride.svelte
+++ b/docs/src/pages/framed/CodeSnippet/CodeSnippetOverride.svelte
@@ -4,6 +4,6 @@
 </script>
 
 <CodeSnippet
-  code="yarn add carbon-components-svelte"
+  code="npm i carbon-components-svelte"
   copy="{(text) => copy(text)}"
 />
diff --git a/docs/src/pages/index.svelte b/docs/src/pages/index.svelte
index c9877951..22260573 100644
--- a/docs/src/pages/index.svelte
+++ b/docs/src/pages/index.svelte
@@ -21,9 +21,9 @@
   metatags.description =
     "The Svelte implementation of the Carbon Design System featuring UI components, icons, pictograms, and charts.";
 
-  const installYarn = "yarn add carbon-components-svelte";
   const installNpm = "npm i carbon-components-svelte";
   const installPnpm = "pnpm i carbon-components-svelte";
+  const installYarn = "yarn add carbon-components-svelte";
   const themes = {
     white: "White",
     g10: "Gray 10",
@@ -85,19 +85,19 @@
     <Row style="margin-bottom: var(--cds-layout-02)">
       <Column noGutter>
         <Tabs>
-          <Tab label="Yarn" />
           <Tab label="NPM" />
           <Tab label="pnpm" />
+          <Tab label="Yarn" />
           <div slot="content" style="margin: 1rem -1rem">
-            <TabContent>
-              <CodeSnippet code="{installYarn}" />
-            </TabContent>
             <TabContent>
               <CodeSnippet code="{installNpm}" />
             </TabContent>
             <TabContent>
               <CodeSnippet code="{installPnpm}" />
             </TabContent>
+            <TabContent>
+              <CodeSnippet code="{installYarn}" />
+            </TabContent>
           </div>
         </Tabs>
       </Column>
diff --git a/tests/CopyableCodeSnippet.test.svelte b/tests/CopyableCodeSnippet.test.svelte
index 8c3087b5..4afad91d 100644
--- a/tests/CopyableCodeSnippet.test.svelte
+++ b/tests/CopyableCodeSnippet.test.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   export let copy = (text: string) => text;
-  export let code = "yarn add carbon-component-svelte";
+  export let code = "npm i carbon-component-svelte";
 
   import { CodeSnippet } from "../types";
 </script>