css popup follower/following

Site Web/client/src/pages/Profil.js

@@ -175,7 +175,7 @@ const Profil = () => {
                                   {
                                       userData.following.map((follower, i) => {
                                           return (
-                                              <li key={i}>
+                                              <li className="infoFollow" key={i}>
                                                   <MiniProfil uid={follower}/>
                                                   <div classNameName="follow-handler">
                                                       <FollowHandler idToFollow={uid} type={'card'}/>
@@ -199,7 +199,7 @@ const Profil = () => {
                                 {
                                     userData.followers.map((follower, i) => {
                                         return (
-                                            <li key={i}>
+                                            <li className="infoFollow" key={i}>
                                                 <MiniProfil uid={follower}/>
                                                 <div classNameName="follow-handler">
                                                     <FollowHandler idToFollow={uid} type={'card'}/>

Site Web/client/src/styles/pages/_profil.scss

@@ -59,7 +59,7 @@
       position: absolute;
       top: 10%;
       left: 50%;
-      width: 500px;
+      width: 400px;
       transform: translate(-100%);
       background: $color-2;
       padding: 25px;
@@ -91,8 +91,12 @@
           transform: scale(1.07);
         }
       }
+      .infoFollow{
+        display: flex;
+        justify-content: space-between;
+      }
 
-      ul {
+      /*ul {
         margin: 20px 0 0;
         max-height: 500px;
         overflow-y: scroll;
@@ -143,7 +147,7 @@
             }
           }
         }
-      }
+      }*/
     }
 }