diff --git a/src/components/ContentComponents/Navbar/Navbar.tsx b/src/components/ContentComponents/Navbar/Navbar.tsx
index 1d85441cb5bb5c823d9c54194a6310c8f249a4ee..7c4d346bb8095e7f07f7b292fd69cad81dc5c9ba 100644
--- a/src/components/ContentComponents/Navbar/Navbar.tsx
+++ b/src/components/ContentComponents/Navbar/Navbar.tsx
@@ -40,7 +40,7 @@ export const Navbar = ({ t }: NavbarProps) => {
               activeClassName="is-active"
             >
               {challengeNotification && (
-                <div className="icons-notif nb-defis-notif text-14-bold">1</div>
+                <div className="icons-notif nb-defis-notif text-16-bold">1</div>
               )}
               <Icon className="c-nav-icon off" icon={ChallengeIconOff} />
               <Icon className="c-nav-icon on" icon={ChallengeIconOn} />
diff --git a/src/styles/components/_nav.scss b/src/styles/components/_nav.scss
index a476bb206d4c8703b83c17babefac8e8f7b1d7c5..46946909a01d2c94c296daf71f5f445355b896e1 100644
--- a/src/styles/components/_nav.scss
+++ b/src/styles/components/_nav.scss
@@ -78,12 +78,20 @@
 }
 
 .nb-defis-notif {
+  @media #{$large-phone} {
+    left: 25px;
+    padding: 4px;
+    width: 0.75rem;
+    height: 0.75rem;
+    top: 0px;
+  }
   position: absolute;
-  left: 25px;
-  padding: 4px;
   border-radius: 50%;
-  width: 0.65rem;
-  height: 0.65rem;
   z-index: 1;
+  height: 1.2rem;
+  width: 1.2rem;
   background: $blue-radial-gradient;
+  left: 45px;
+  top: 7px;
+  text-align: center;
 }