diff --git a/website/src/components/Hero/index.tsx b/website/src/components/Hero/index.tsx
index 54c4b3f..2955e75 100644
--- a/website/src/components/Hero/index.tsx
+++ b/website/src/components/Hero/index.tsx
@@ -12,7 +12,7 @@ export const Hero = () => {
         <div className={styles.toast} />
       </div>
       <h1 className={styles.heading}>Sonner</h1>
-      <p style={{ marginTop: 0, fontSize: 18, textAlign: 'center' }}>An opinionated toast component for React .</p>
+      <p style={{ marginTop: 0, fontSize: 18, textAlign: 'center' }}>An opinionated toast component for React.</p>
       <div className={styles.buttons}>
         <button
           data-primary=""