diff --git a/docs/docs/css-styling.mdx b/docs/docs/css-styling.mdx
index 96d4719..47b6af2 100644
--- a/docs/docs/css-styling.mdx
+++ b/docs/docs/css-styling.mdx
@@ -44,7 +44,7 @@ using those css class will override the following default style :
 
 ### Custom css classes
 
-`reactjs-popup` provides a `className` prop, but you need to be carful using this class in your CSS as we add `-content` , `-overlay` and `-arrow`, which mean you need to add style for `className-popup`,`className-overlay`,`className-arrow`:
+`reactjs-popup` provides a `className` prop, but you need to be careful using this class in your CSS as we add `-content` , `-overlay` and `-arrow`, which mean you need to add style for `className-popup`,`className-overlay`,`className-arrow`:
 
 Lets assume you are going to add a className prop called `my-popup`, your css should look like the following :