diff --git a/@theme/plugins/code-samples.js b/@theme/plugins/code-samples.js
index 53b66f2fe8..27ba4fbd5a 100644
--- a/@theme/plugins/code-samples.js
+++ b/@theme/plugins/code-samples.js
@@ -28,7 +28,7 @@ export function codeSamples() {
           samples.push({
             path: dirPath,
             title: title || toTitleCase(dirname(dirPath)),
-            description: getInnerText([data.ast.children[1]]).replace(title, '').trim(),
+            description: getInnerText([data.ast.children[1]]).trim(),
             href: joinPath('content', dirPath),
             langs,
           });
diff --git a/_code-samples/build-a-browser-wallet/README.md b/_code-samples/build-a-browser-wallet/README.md
index 640e29134a..ac2be2a3e5 100644
--- a/_code-samples/build-a-browser-wallet/README.md
+++ b/_code-samples/build-a-browser-wallet/README.md
@@ -1,3 +1,3 @@
 # Build a Browser Wallet
 
-Implement a non-custodial wallet application that runs on in a web browser and can check an account's balances, send XRP, and notify when the account receives incoming transactions.
+Implement a non-custodial wallet application that runs in a web browser and can check an account's balances, send XRP, and notify when the account receives incoming transactions.
diff --git a/_code-samples/did/README.md b/_code-samples/did/README.md
index 46913bd09d..b5f62cc239 100644
--- a/_code-samples/did/README.md
+++ b/_code-samples/did/README.md
@@ -1,3 +1,3 @@
 # Create, Update, and Delete Decentralized Identifiers (DIDs)
 
-Create, Update, and Delete Decentralized Identifiers (DIDs). A Decentralized Identifier (DID) is a new type of identifier defined by the World Wide Web Consortium (W3C) that enables verifiable, digital identities.
+Create, update, and delete decentralized identifiers (DIDs). A Decentralized Identifier (DID) is a new type of identifier defined by the World Wide Web Consortium (W3C) that enables verifiable, digital identities.
diff --git a/_code-samples/price_oracles/README.md b/_code-samples/price_oracles/README.md
index fb2dcf37dc..e075240cc5 100644
--- a/_code-samples/price_oracles/README.md
+++ b/_code-samples/price_oracles/README.md
@@ -1,3 +1,3 @@
 # Create, Update, and Delete Price Oracles
 
-Create, Update, and Delete Price Oracles. A price oracle is a mechanism that feeds external data, such as asset prices, and exchange rates, onto the XRPLedger.
+Create, update, and delete Price Oracles. A price oracle is a mechanism that feeds external data, such as asset prices, and exchange rates, onto the XRPLedger.
diff --git a/resources/code-samples.page.tsx b/resources/code-samples.page.tsx
index 2375d1b9f4..c578ec1250 100644
--- a/resources/code-samples.page.tsx
+++ b/resources/code-samples.page.tsx
@@ -29,7 +29,7 @@ export default function CodeSamples() {
   const { codeSamples, langs } = usePageSharedData<any>('code-samples');
 
   return (
-    <div className="landing page-community">
+    <main className="landing page-code-samples">
       <div className="">
         <section className="py-26">
           <div className="col-lg-8 mx-auto text-lg-center">
@@ -126,6 +126,6 @@ export default function CodeSamples() {
           </div>
         </section>
       </div>
-    </div>
+    </main>
   );
 }