diff --git a/frontend/react-app/src/components/AddToTeam.jsx b/frontend/react-app/src/components/AddToTeam.jsx
index 8f04662..0eb7f9d 100644
--- a/frontend/react-app/src/components/AddToTeam.jsx
+++ b/frontend/react-app/src/components/AddToTeam.jsx
@@ -52,7 +52,7 @@ export default function AddToTeam({teamId, allTeamMembers, currentMembers, setTe
       };
 
       return(
-        <form onSubmit={handleSubmit(onSubmit)} className ='rowFlexbox 'style={{justifyContent: 'stretch', width: '50%'}}>
+        <form onSubmit={handleSubmit(onSubmit)} className ='rowFlexbox 'style={{justifyContent: 'stretch', marginLeft:'0', marginRight: '0', alignItems: 'center', gap: '0'}}>
             <Controller
                 control={control}
                 className='Select'
@@ -67,7 +67,7 @@ export default function AddToTeam({teamId, allTeamMembers, currentMembers, setTe
                         styles={customStyles}               
                     />)}
             />
-            <button type="submit" className='smallImportButton'>Add To Team</button>
+            <button type="submit" className='importButton' style={{marginLeft: '10px'}}>Add To Team</button>
         </form>
       )
 
diff --git a/frontend/react-app/src/css/TaskList.css b/frontend/react-app/src/css/TaskList.css
index 9430f6d..bc6db32 100644
--- a/frontend/react-app/src/css/TaskList.css
+++ b/frontend/react-app/src/css/TaskList.css
@@ -52,6 +52,7 @@ thead th{
     padding: 3px;
     display: flex;
     margin-top: 5px;
+    align-items: center;
 }
 .search-form {
     display: flex;
diff --git a/frontend/react-app/src/index.css b/frontend/react-app/src/index.css
index 32e513e..7c31ca7 100644
--- a/frontend/react-app/src/index.css
+++ b/frontend/react-app/src/index.css
@@ -84,12 +84,13 @@ li.logo a{
   margin-bottom: 20px;
   border: none;
   border-radius: 10px;
+  color: white;
   background-color: #3f5d8b;
   cursor: pointer;
 }
 .smallImportButton{
-  padding-left: 5px;
-  padding-right: 5px;
+  padding-left: 10px;
+  padding-right: 10px;
   padding-top: 3px;
   padding-bottom: 3px;
   font-size: 1em;
@@ -99,5 +100,6 @@ li.logo a{
   border: none;
   border-radius: 10px;
   background-color: #3f5d8b;
+  color: white;
   cursor: pointer;
 }
diff --git a/frontend/react-app/src/pages/TeamTasks.jsx b/frontend/react-app/src/pages/TeamTasks.jsx
index fd990d7..9f70a21 100644
--- a/frontend/react-app/src/pages/TeamTasks.jsx
+++ b/frontend/react-app/src/pages/TeamTasks.jsx
@@ -194,26 +194,26 @@ console.log(teamLead)
       <div className='pageContainer'>
         <Header/>
         <div className='pageBody'>
-        <h2>{team.teamName}</h2>
+        <h2 style={{marginBottom: '0', marginTop: '40px'}}>{team.teamName}</h2>
           {tasksToDoData.length > 0 ? (
             <TaskList
               dataToUse={tasksToDoData}
               headersAndAccessors={headerAndAccessors}
             />
           ) : (
-            <p>No tasks to do</p>
+            <p style={{marginTop: '10px', marginBottom: '30px'}}>No tasks to do</p>
           )}
             
 
-            <a href="/create-task"><button className="create-task-btn">Create Task</button></a>
-            <h2>Completed Tasks</h2>
+            <a href="/create-task"><button className="create-task-btn" style={{marginBottom:'20px'}}>Create Task</button></a>
+            <h2 style={{marginBottom: '0'}}>Completed Tasks</h2>
             {tasksCompletedData.length > 0 ? (
             <TaskList
               dataToUse={tasksCompletedData}
               headersAndAccessors={headerAndAccessorsComplete}
             />
           ) : (
-            <h2>No tasks completed</h2>
+            <h2 style={{marginTop: '10px', marginBottom: '30px'}}>No tasks completed</h2>
           )}