diff --git a/src/docs/src/routes/components/bottom-navigation.svelte.md b/src/docs/src/routes/components/bottom-navigation.svelte.md
index 41832231516..0b0ad89c32c 100644
--- a/src/docs/src/routes/components/bottom-navigation.svelte.md
+++ b/src/docs/src/routes/components/bottom-navigation.svelte.md
@@ -1,6 +1,6 @@
 ---
 title: Bottom navigation
-desc: Bottom navigation bar allows navigation between primary screens
+desc: Bottom navigation bar allows navigation between primary screens.
 published: true
 ---
 
diff --git a/src/docs/src/routes/components/countdown.svelte.md b/src/docs/src/routes/components/countdown.svelte.md
index f54cec15305..664d216e791 100644
--- a/src/docs/src/routes/components/countdown.svelte.md
+++ b/src/docs/src/routes/components/countdown.svelte.md
@@ -1,6 +1,6 @@
 ---
 title: Countdown
-desc: Countdown gives you a transition effect of changing numbers
+desc: Countdown gives you a transition effect of changing numbers.
 published: true
 ---
 
@@ -26,7 +26,7 @@ published: true
   })
 </script>
 
-You need to change to `--value` CSS variable using JS. Value must be a number between 0 and 99
+You need to change to `--value` CSS variable using JS. Value must be a number between 0 and 99.
 
 <ClassTable
 data="{[
diff --git a/src/docs/src/routes/docs/config.svelte.md b/src/docs/src/routes/docs/config.svelte.md
index f58eca1e578..ee642a1fc0c 100644
--- a/src/docs/src/routes/docs/config.svelte.md
+++ b/src/docs/src/routes/docs/config.svelte.md
@@ -48,25 +48,25 @@ module.exports = {
   <Translate text="If it's true, all themes will be included." />
   <Translate text="If it's false, only light (default) theme will be available." />  
   <Translate text="If it's an array, only themes in the array will be included and the first theme will be the default theme." />
-  <Translate text="Read more about <a href='/docs/themes'>themes</a>" />
+  <Translate text="Read more about <a href='/docs/themes'>themes</a>." />
 
 - ### base
 
   `Boolean (default: true)`
 
-  <Translate text="If it's true, <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>a few base styles</a> will be added" />
+  <Translate text="If it's true, <a href='https://github.com/saadeghi/daisyui/blob/master/src/base'>a few base styles</a> will be added." />
 
 - ### utils
 
   `Boolean (default: true)`
 
-  <Translate text="If it's true, <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>responsive and utility classes</a> will be added" />
+  <Translate text="If it's true, <a href='https://github.com/saadeghi/daisyui/tree/master/src/utilities'>responsive and utility classes</a> will be added." />
 
 - ### logs
 
   `Boolean (default: true)`
 
-  <Translate text="If it's true, daisyUI shows logs in the terminal while CSS is building" />
+  <Translate text="If it's true, daisyUI shows logs in the terminal while CSS is building." />
 
 - ### rtl
 
diff --git a/src/docs/src/routes/docs/customize.svelte.md b/src/docs/src/routes/docs/customize.svelte.md
index 59d20f6e6fe..f6fbbc3d7ae 100644
--- a/src/docs/src/routes/docs/customize.svelte.md
+++ b/src/docs/src/routes/docs/customize.svelte.md
@@ -1,6 +1,6 @@
 ---
 title: Customize daisyUI components
-desc: How to customize daisyUI
+desc: How to customize daisyUI?
 published: true
 ---
 
@@ -41,7 +41,7 @@ published: true
 <button class="rounded-full btn">One</button>
 <button class="px-16 rounded-none btn">Two</button>
 
-3. <Translate text="You can customize components on your CSS file, using Tailwind's @apply directive." />
+3. <Translate text="You can customize components on your CSS file, using Tailwind's @apply directive:" />
 
 ```css
 .btn {
@@ -51,5 +51,5 @@ published: true
 
 4. <Translate text="You can also:" />
 
-- [<Translate text="add your own theme" />](/theme-generator)
-- <Translate text="opt-out of daisyUI's design decisions <a href='/docs/config'>only use a unstyled (skeleton) version of daisyUI</a>." />
+- [<Translate text="Add your own theme." />](/theme-generator)
+- <Translate text="Opt out of daisyUI's design decisions, and <a href='/docs/config'>only use an unstyled (skeleton) version of daisyUI</a>." />
diff --git a/src/docs/src/routes/docs/layout-and-typography.svelte.md b/src/docs/src/routes/docs/layout-and-typography.svelte.md
index 9cd4a9b9384..2e5eded6a2f 100644
--- a/src/docs/src/routes/docs/layout-and-typography.svelte.md
+++ b/src/docs/src/routes/docs/layout-and-typography.svelte.md
@@ -10,7 +10,7 @@ published: true
 
 ## <Translate text="Layout" />
 
-<Translate text="Layout, sizing, grids, spacing, etc. all will be handled by Tailwind CSS's utility classes" />
+<Translate text="Layout, sizing, grids, spacing, etc. all will be handled by Tailwind CSS's utility classes." />
 
 <br/>