diff --git a/contents/box-selector.mdx b/contents/box-selector.mdx
index da91b76..ae71337 100644
--- a/contents/box-selector.mdx
+++ b/contents/box-selector.mdx
@@ -171,5 +171,5 @@ body {
 
 ## See also
 
--   [Custom checkbox button](https://phuoc.ng/collection/css-layout/custom-checkbox-button)
--   [Custom radio button](https://phuoc.ng/collection/css-layout/custom-radio-button)
+-   [Custom checkbox button](https://phuoc.ng/collection/css-layout/custom-checkbox-button/)
+-   [Custom radio button](https://phuoc.ng/collection/css-layout/custom-radio-button/)
diff --git a/contents/chip.mdx b/contents/chip.mdx
index 97c272c..0c49eb4 100644
--- a/contents/chip.mdx
+++ b/contents/chip.mdx
@@ -46,7 +46,7 @@ title: Chip
 }
 ```
 
-The [close button](https://phuoc.ng/collection/css-layout/close-button) is used to create a button for removing the chip:
+The [close button](https://phuoc.ng/collection/css-layout/close-button/) is used to create a button for removing the chip:
 
 ```css
 .chip__button {
diff --git a/contents/custom-checkbox-button.mdx b/contents/custom-checkbox-button.mdx
index c07cfe5..c79083b 100644
--- a/contents/custom-checkbox-button.mdx
+++ b/contents/custom-checkbox-button.mdx
@@ -197,5 +197,5 @@ body {
 
 ## See also
 
--   [Box selector](https://phuoc.ng/collection/css-layout/box-selector)
--   [Custom radio button](https://phuoc.ng/collection/css-layout/custom-radio-button)
+-   [Box selector](https://phuoc.ng/collection/css-layout/box-selector/)
+-   [Custom radio button](https://phuoc.ng/collection/css-layout/custom-radio-button/)
diff --git a/contents/custom-radio-button.mdx b/contents/custom-radio-button.mdx
index c6a060e..dcf5d63 100644
--- a/contents/custom-radio-button.mdx
+++ b/contents/custom-radio-button.mdx
@@ -205,5 +205,5 @@ body {
 
 ## See also
 
--   [Box selector](https://phuoc.ng/collection/css-layout/box-selector)
--   [Custom checkbox button](https://phuoc.ng/collection/css-layout/custom-checkbox-button)
+-   [Box selector](https://phuoc.ng/collection/css-layout/box-selector/)
+-   [Custom checkbox button](https://phuoc.ng/collection/css-layout/custom-checkbox-button/)
diff --git a/contents/docked-at-corner.mdx b/contents/docked-at-corner.mdx
index a7d4b6d..8e5c476 100644
--- a/contents/docked-at-corner.mdx
+++ b/contents/docked-at-corner.mdx
@@ -80,4 +80,4 @@ body {
 
 ## See also
 
--   Discover how to animate a docked element using the [pulse animation](https://phuoc.ng/collection/css-animation/pulse-animation)
+-   Discover how to animate a docked element using the [pulse animation](https://phuoc.ng/collection/css-animation/pulse-animation/)
diff --git a/contents/dropdown.mdx b/contents/dropdown.mdx
index 5469c9f..91a8557 100644
--- a/contents/dropdown.mdx
+++ b/contents/dropdown.mdx
@@ -51,7 +51,7 @@ title: Dropdown
 }
 ```
 
-You can use a [triangle button](https://phuoc.ng/collection/css-layout/triangle-buttons) to indicate that there is content under it.
+You can use a [triangle button](https://phuoc.ng/collection/css-layout/triangle-buttons/) to indicate that there is content under it.
 
 Move the mouse over the button to see the dropdown.
 
diff --git a/contents/fading-long-section.mdx b/contents/fading-long-section.mdx
index bb9834e..35be8d6 100644
--- a/contents/fading-long-section.mdx
+++ b/contents/fading-long-section.mdx
@@ -180,4 +180,4 @@ The pattern is often used to indicate there is more content.
 
 ## See also
 
--   [Customer logos marquee](https://phuoc.ng/collection/css-animation/customer-logos-marquee)
+-   [Customer logos marquee](https://phuoc.ng/collection/css-animation/customer-logos-marquee/)
diff --git a/contents/floating-label.mdx b/contents/floating-label.mdx
index c45fa21..426984c 100644
--- a/contents/floating-label.mdx
+++ b/contents/floating-label.mdx
@@ -118,4 +118,4 @@ placeholder of input isn't shown
 
 ## See also
 
--   Explore some ways to [animate a floating label](https://phuoc.ng/collection/css-animation/floating-label).
+-   Explore some ways to [animate a floating label](https://phuoc.ng/collection/css-animation/floating-label/).
diff --git a/contents/full-screen-menu.mdx b/contents/full-screen-menu.mdx
index ccbb478..39c8289 100644
--- a/contents/full-screen-menu.mdx
+++ b/contents/full-screen-menu.mdx
@@ -46,7 +46,7 @@ title: Full screen menu
 }
 ```
 
-You can use the [close button](https://phuoc.ng/collection/css-layout/close-button) to create a button for closing the menu.
+You can use the [close button](https://phuoc.ng/collection/css-layout/close-button/) to create a button for closing the menu.
 
 <Playground>
 ```css placeholders.css hidden
diff --git a/contents/indeterminate-progress-bar.mdx b/contents/indeterminate-progress-bar.mdx
index c58f079..7922007 100644
--- a/contents/indeterminate-progress-bar.mdx
+++ b/contents/indeterminate-progress-bar.mdx
@@ -119,5 +119,5 @@ body {
 
 ## See also
 
--   [Progress bar](https://phuoc.ng/collection/css-layout/progress-bar)
--   [Spinner](https://phuoc.ng/collection/css-layout/spinner)
+-   [Progress bar](https://phuoc.ng/collection/css-layout/progress-bar/)
+-   [Spinner](https://phuoc.ng/collection/css-layout/spinner/)
diff --git a/contents/notification.mdx b/contents/notification.mdx
index 4e99325..e6dbffd 100644
--- a/contents/notification.mdx
+++ b/contents/notification.mdx
@@ -34,7 +34,7 @@ title: Notification
 }
 ```
 
-The [close button](https://phuoc.ng/collection/css-layout/close-button) represents the button for closing the notification.
+The [close button](https://phuoc.ng/collection/css-layout/close-button/) represents the button for closing the notification.
 
 ```css
 .notification__close {
diff --git a/contents/popover-arrow.mdx b/contents/popover-arrow.mdx
index 882a946..86cf3c1 100644
--- a/contents/popover-arrow.mdx
+++ b/contents/popover-arrow.mdx
@@ -389,5 +389,5 @@ body {
 
 ## See also
 
--   [Speech bubble](https://phuoc.ng/collection/css-layout/speech-bubble)
--   [Triangle buttons](https://phuoc.ng/collection/css-layout/triangle-buttons)
+-   [Speech bubble](https://phuoc.ng/collection/css-layout/speech-bubble/)
+-   [Triangle buttons](https://phuoc.ng/collection/css-layout/triangle-buttons/)
diff --git a/contents/previous-next-buttons.mdx b/contents/previous-next-buttons.mdx
index fb0a949..86376bf 100644
--- a/contents/previous-next-buttons.mdx
+++ b/contents/previous-next-buttons.mdx
@@ -33,7 +33,7 @@ title: Previous next buttons
 }
 ```
 
-You can use the [arrow buttons](https://phuoc.ng/collection/css-layout/arrow-buttons) to create the previous and next buttons.
+You can use the [arrow buttons](https://phuoc.ng/collection/css-layout/arrow-buttons/) to create the previous and next buttons.
 
 <Playground>
 ```css styles.css hidden
diff --git a/contents/progress-bar.mdx b/contents/progress-bar.mdx
index 23c047a..3dcde55 100644
--- a/contents/progress-bar.mdx
+++ b/contents/progress-bar.mdx
@@ -92,4 +92,4 @@ body {
 
 ## See also
 
--   [Indeterminate progress bar](https://phuoc.ng/collection/css-layout/indeterminate-progress-bar)
+-   [Indeterminate progress bar](https://phuoc.ng/collection/css-layout/indeterminate-progress-bar/)
diff --git a/contents/speech-bubble.mdx b/contents/speech-bubble.mdx
index f0380f2..f3e86f9 100644
--- a/contents/speech-bubble.mdx
+++ b/contents/speech-bubble.mdx
@@ -50,7 +50,7 @@ But the real magic comes from the `::before` pseudo-element. We used the `conten
 
 Finally, we created the triangle shape by setting the `border-color` property to transparent for the top, left, and right borders. This made the perfect triangle we were looking for.
 
-If you want to change the direction or position of the triangle, it's easy to do by following this [post](https://phuoc.ng/collection/css-layout/triangle-buttons).
+If you want to change the direction or position of the triangle, it's easy to do by following this [post](https://phuoc.ng/collection/css-layout/triangle-buttons/).
 
 Let's take a moment to review the progress we've made with these steps.
 
@@ -174,6 +174,6 @@ However, each of them is positioned differently by using the `transform` propert
 
 ## See also
 
--   [Popover arrow](https://phuoc.ng/collection/css-layout/popover-arrow)
--   [Typing indicator](https://phuoc.ng/collection/css-animation/typing-indicator)
--   [Triangle buttons](https://phuoc.ng/collection/css-layout/triangle-buttons)
+-   [Popover arrow](https://phuoc.ng/collection/css-layout/popover-arrow/)
+-   [Typing indicator](https://phuoc.ng/collection/css-animation/typing-indicator/)
+-   [Triangle buttons](https://phuoc.ng/collection/css-layout/triangle-buttons/)
diff --git a/contents/spin-button.mdx b/contents/spin-button.mdx
index 4ce89f6..fcfcf9b 100644
--- a/contents/spin-button.mdx
+++ b/contents/spin-button.mdx
@@ -64,7 +64,7 @@ title: Spin button
 }
 ```
 
-You can use the [triangle buttons](https://phuoc.ng/collection/css-layout/triangle-buttons) to create the up and down buttons:
+You can use the [triangle buttons](https://phuoc.ng/collection/css-layout/triangle-buttons/) to create the up and down buttons:
 
 <Playground>
 ```css placeholders.css hidden
@@ -173,3 +173,7 @@ body {
 </div>
 ```
 </Playground>
+
+## See also
+
+-   [Build a spin input](https://phuoc.ng/collection/html-dom/build-a-spin-input/)
diff --git a/contents/spinner.mdx b/contents/spinner.mdx
index 4d01ebe..ae1df2a 100644
--- a/contents/spinner.mdx
+++ b/contents/spinner.mdx
@@ -75,4 +75,4 @@ body {
 
 ## See also
 
--   [Indeterminate progress bar](https://phuoc.ng/collection/css-layout/indeterminate-progress-bar)
+-   [Indeterminate progress bar](https://phuoc.ng/collection/css-layout/indeterminate-progress-bar/)
diff --git a/contents/triangle-buttons.mdx b/contents/triangle-buttons.mdx
index a16a39d..e200d0c 100644
--- a/contents/triangle-buttons.mdx
+++ b/contents/triangle-buttons.mdx
@@ -173,6 +173,6 @@ body {
 
 ## See also
 
--   [Popover arrow](https://phuoc.ng/collection/css-layout/popover-arrow)
--   [Scroll down indicator](https://phuoc.ng/collection/css-animation/scroll-down-indicator)
--   [Speech bubble](https://phuoc.ng/collection/css-layout/speech-bubble)
+-   [Popover arrow](https://phuoc.ng/collection/css-layout/popover-arrow/)
+-   [Scroll down indicator](https://phuoc.ng/collection/css-animation/scroll-down-indicator/)
+-   [Speech bubble](https://phuoc.ng/collection/css-layout/speech-bubble/)