From 282d62baae47a01758ddfa94cee458f81183af56 Mon Sep 17 00:00:00 2001
From: Dathan <DLiblik@users.noreply.github.com>
Date: Sun, 10 Mar 2024 16:54:52 -0400
Subject: [PATCH] Fix typo and grammar in 01-svelte-components.md (#10737)

---
 .../docs/02-template-syntax/01-svelte-components.md         | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/documentation/docs/02-template-syntax/01-svelte-components.md b/documentation/docs/02-template-syntax/01-svelte-components.md
index 7d4abb7b6a..e79489144b 100644
--- a/documentation/docs/02-template-syntax/01-svelte-components.md
+++ b/documentation/docs/02-template-syntax/01-svelte-components.md
@@ -321,7 +321,7 @@ To apply styles to a selector globally, use the `:global(...)` modifier.
 
 If you want to make @keyframes that are accessible globally, you need to prepend your keyframe names with `-global-`.
 
-The `-global-` part will be removed when compiled, and the keyframe then be referenced using just `my-animation-name` elsewhere in your code.
+The `-global-` part will be removed when compiled, and the keyframe will then be referenced using just `my-animation-name` elsewhere in your code.
 
 ```svelte
 <style>
@@ -333,9 +333,9 @@ The `-global-` part will be removed when compiled, and the keyframe then be refe
 
 There should only be 1 top-level `<style>` tag per component.
 
-However, it is possible to have `<style>` tag nested inside other elements or logic blocks.
+However, it is possible to have a `<style>` tag nested inside other elements or logic blocks.
 
-In that case, the `<style>` tag will be inserted as-is into the DOM, no scoping or processing will be done on the `<style>` tag.
+In that case, the `<style>` tag will be inserted as-is into the DOM; no scoping or processing will be done on the `<style>` tag.
 
 ```svelte
 <div>