diff --git a/docs/components/Nav/Mobile/NavSlides/Slider/Slider.tsx b/docs/components/Nav/Mobile/NavSlides/Slider/Slider.tsx
index 802a4ed..9b88d30 100644
--- a/docs/components/Nav/Mobile/NavSlides/Slider/Slider.tsx
+++ b/docs/components/Nav/Mobile/NavSlides/Slider/Slider.tsx
@@ -151,8 +151,8 @@ export function Slider({
animate={{ x: `${-100 * viewIndex}%` }}
transition={{
x: {
- duration: 0.15,
- stiffness: 10,
+ duration: 0.4,
+ stiffness: 2000,
damping: 400
},
...slideContainerTransition
diff --git a/docs/components/Nav/Mobile/NavSlides/styles.ts b/docs/components/Nav/Mobile/NavSlides/styles.ts
index 227da3d..9f899ac 100644
--- a/docs/components/Nav/Mobile/NavSlides/styles.ts
+++ b/docs/components/Nav/Mobile/NavSlides/styles.ts
@@ -37,6 +37,7 @@ export const NavLink = styled(AnchorLink)<{
width: auto;
font-size: 1.25rem;
margin-bottom: 1em;
+ cursor: pointer;
${({ theme }) => `
color: ${theme.colors.white};
@@ -47,10 +48,10 @@ export const CloseButtonContainer = styled(motion.div)`
position: absolute;
width: 30px;
height: 30px;
- background: white;
+ border: 1px solid white;
border-radius: 50%;
top: 1em;
- right: 1em;
+ left: calc(50vw - 30px);
padding: 0.5em;
z-index: 1;
`;
diff --git a/docs/components/Nav/Mobile/Navbar/styles.ts b/docs/components/Nav/Mobile/Navbar/styles.ts
index b3ab29a..4189a3d 100644
--- a/docs/components/Nav/Mobile/Navbar/styles.ts
+++ b/docs/components/Nav/Mobile/Navbar/styles.ts
@@ -24,6 +24,7 @@ export const NavCategoryButton = styled.button`
outline: none;
appearance: none;
background: transparent;
+ cursor: pointer;
${({ theme }) => `
color: ${theme.colors.primary};
diff --git a/docs/components/Nav/Mobile/icons/CloseIcon.tsx b/docs/components/Nav/Mobile/icons/CloseIcon.tsx
index f1c6631..08ed2ff 100644
--- a/docs/components/Nav/Mobile/icons/CloseIcon.tsx
+++ b/docs/components/Nav/Mobile/icons/CloseIcon.tsx
@@ -8,24 +8,31 @@ export function CloseIcon() {
y="0px"
viewBox="0 0 100 100"
>
-