fix style card

src/components/CreateServer/CreateServer.jsx

@@ -15,7 +15,6 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate }) => {
         const userSubdomain = await getUserSubdomain(user.uid);
         setSubdomain(userSubdomain || '');
         onSubdomainUpdate(userSubdomain || '');
-        console.log('Subdomain:', userSubdomain);
       } else {
         console.error('User or user.uid is undefined');
       }
@@ -96,11 +95,13 @@ const CreateServer = ({ user, onCreateServer, onSubdomainUpdate }) => {
               <option value="1.21">1.21</option>
               <option value="1.20.6">1.20.6</option>
             </select>
+            <div>
               <button className={styles.btnServCreate} onClick={handleCreateServer}>
                 Créer
               </button>
             </div>
           </div>
+        </div>
       )}
     </>
   );

src/components/CreateServer/CreateServer.module.scss

@@ -5,7 +5,7 @@
   width: 100%;
 }
 
-.mainCard{
+.mainCard, .mainCardSubdomain {
   display: flex;
   justify-content: start;
   align-items: start;
@@ -13,6 +13,8 @@
   width: 75rem;
   background-color: #1D1836;
   border-radius: 1.5rem;
+  padding: 4rem;
+  margin-top: 5rem;
 }
 
 .title {
@@ -51,10 +53,10 @@
   cursor: pointer;
   font-size: 1rem;
   transition: background-color 0.3s, transform 0.3s;
+  margin-right: 1rem;
 }
 
 .btnSubCreate:hover, .btnServCreate:hover {
   background-color: #120a8f;
   transform: scale(1.05);
 }
-  

src/pages/DashboardPage/DashboardPage.module.scss

@@ -2,7 +2,7 @@ html, body {
   margin: 0;
   padding: 0;
 
-  font-family: 'Inter', system-ui, Avenir, Helvetica, Arial, sans-serif;
+  font-family: 'Poppins', system-ui, Avenir, Helvetica, Arial, sans-serif;
   background-color: var(--main-bg-color);
 }
 

src/pages/NoServer/NoServer.module.scss

@@ -11,7 +11,6 @@
     align-items: start;
     flex-direction: column;
     width: 75rem;
-    padding: 4rem 5rem 3rem 5rem;
     background-color: #1D1836;
     border-radius: 1.5rem;
 }