modifications-pour-similarité-Desktop

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} />

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;
 }