diff --git a/src/test/examples/cameligo/arithmetic-contract.ligo b/src/test/examples/cameligo/arithmetic-contract.ligo
index 74f2b147c..b0ae3be5e 100644
--- a/src/test/examples/cameligo/arithmetic-contract.ligo
+++ b/src/test/examples/cameligo/arithmetic-contract.ligo
@@ -1,5 +1,5 @@
 (*_*
-  name: CameLIGO Contract
+  name: Increment Contract (CameLIGO)
   language: cameligo
   compile:
     entrypoint: main
diff --git a/src/test/examples/pascaligo/arithmetic-contract.ligo b/src/test/examples/pascaligo/arithmetic-contract.ligo
index 604267653..1c9928b87 100644
--- a/src/test/examples/pascaligo/arithmetic-contract.ligo
+++ b/src/test/examples/pascaligo/arithmetic-contract.ligo
@@ -1,5 +1,5 @@
 (*_*
-  name: PascaLIGO Contract
+  name: Increment Contract (PascaLIGO)
   language: pascaligo
   compile:
     entrypoint: main
diff --git a/src/test/examples/reasonligo/arithmetic-contract.ligo b/src/test/examples/reasonligo/arithmetic-contract.ligo
index 8690d992c..7cf7322a4 100644
--- a/src/test/examples/reasonligo/arithmetic-contract.ligo
+++ b/src/test/examples/reasonligo/arithmetic-contract.ligo
@@ -1,5 +1,5 @@
 (*_*
-  name: ReasonLIGO Contract
+  name: Increment Contract (ReasonLIGO)
   language: reasonligo
   compile:
     entrypoint: main
diff --git a/tools/webide/packages/client/src/components/examples.tsx b/tools/webide/packages/client/src/components/examples.tsx
index 9662b6618..2eaf28016 100644
--- a/tools/webide/packages/client/src/components/examples.tsx
+++ b/tools/webide/packages/client/src/components/examples.tsx
@@ -56,7 +56,7 @@ export const Examples = () => {
 
   return (
     <Container>
-      <Header>Examples</Header>
+      <Header>Contract Examples</Header>
       <MenuContainer>
         {examples.map(example => {
           return (
diff --git a/tools/webide/packages/client/src/redux/examples.ts b/tools/webide/packages/client/src/redux/examples.ts
index 43ec23f1a..b4b673122 100644
--- a/tools/webide/packages/client/src/redux/examples.ts
+++ b/tools/webide/packages/client/src/redux/examples.ts
@@ -31,14 +31,18 @@ export const DEFAULT_STATE: ExamplesState = {
   list: []
 };
 
+
 if (process.env.NODE_ENV === 'development') {
+
+  // The name value configured in this list will only be for the development environment.
+  // For other environments, the name value will be taken directly from your contract's yaml configuration.
   DEFAULT_STATE.list = [
-    { id: 'MzkMQ1oiVHJqbcfUuVFKTw', name: 'Increment Example CameLIGO ' },
-    { id: 'FEb62HL7onjg1424eUsGSg', name: 'Increment Example PascaLIGO' },
-    { id: 'JPhSOehj_2MFwRIlml0ymQ', name: 'Increment Example ReasonLIGO' },
-    { id: 'ehDv-Xaf70mQoiPhQDTAUQ', name: 'ID Example CameLIGO' },
-    { id: 'CpnK7TFuUjJiQTT8KiiGyQ', name: 'ID Example ReasonLIGO' },
-    { id: 'yP-THvmURsaqHxpwCravWg', name: 'ID Example PascaLIGO' },
+    { id: 'FEb62HL7onjg1424eUsGSg', name: 'Increment (PascaLIGO)' },
+    { id: 'MzkMQ1oiVHJqbcfUuVFKTw', name: 'Increment (CameLIGO)' },
+    { id: 'JPhSOehj_2MFwRIlml0ymQ', name: 'Increment (ReasonLIGO)' },
+    { id: 'yP-THvmURsaqHxpwCravWg', name: 'ID (PascaLIGO)' },
+    { id: 'ehDv-Xaf70mQoiPhQDTAUQ', name: 'ID (CameLIGO)' },
+    { id: 'CpnK7TFuUjJiQTT8KiiGyQ', name: 'ID (ReasonLIGO)' }
   ];
 }
 
diff --git a/tools/webide/packages/e2e/test/share.spec.js b/tools/webide/packages/e2e/test/share.spec.js
index 2cece1c97..442ca48f7 100644
--- a/tools/webide/packages/e2e/test/share.spec.js
+++ b/tools/webide/packages/e2e/test/share.spec.js
@@ -24,7 +24,7 @@ describe('Share', () => {
     await responseCallback;
 
     const actualShareLink = await page.evaluate(getInputValue, 'share-link');
-    const expectedShareLink = `${API_HOST}/p/2GnQR0cUYeO7feAw71SJYQ`
+    const expectedShareLink = `${API_HOST}/p/Q6NsW75ot2Tym5I4JU8AgQ`
 
     expect(actualShareLink).toEqual(expectedShareLink);
     done();