diff --git a/frontend/react-app/src/components/TaskList.jsx b/frontend/react-app/src/components/TaskList.jsx
index cf7b10c..36be7c0 100644
--- a/frontend/react-app/src/components/TaskList.jsx
+++ b/frontend/react-app/src/components/TaskList.jsx
@@ -47,7 +47,7 @@ function TaskList({dataToUse, headersAndAccessors}){
     const { getTableBodyProps, getTableProps, rows, prepareRow, headerGroups} = useTable({columns,data: filteredData}, useSortBy)
     return(
         
-        <div className='container'>
+        <div className='containerTaskList'>
             <div className='Selector-Search'>
                 <select name="searchThis" id="searchThis" className='selector' onChange={changeSearch}>
                     {headersAndAccessors.map((headerAndAccessor) =>(
diff --git a/frontend/react-app/src/components/UserTable.jsx b/frontend/react-app/src/components/UserTable.jsx
index 43a99de..9fa5ba6 100644
--- a/frontend/react-app/src/components/UserTable.jsx
+++ b/frontend/react-app/src/components/UserTable.jsx
@@ -210,7 +210,7 @@ function UserTable({teams}){
     const { getTableBodyProps, getTableProps, rows, prepareRow, headerGroups} = useTable({columns,data: data}, useSortBy)
     return(
         
-        <div className='container'>
+        <div className='containerTaskList'>
             <select name="searchThis" id="searchThis" onChange={changeSearch}>
                     {teams.map((team)=>(
                         <option value={team.teamId}>{team.teamName}</option>
diff --git a/frontend/react-app/src/css/TaskList.css b/frontend/react-app/src/css/TaskList.css
index 580af38..9430f6d 100644
--- a/frontend/react-app/src/css/TaskList.css
+++ b/frontend/react-app/src/css/TaskList.css
@@ -1,6 +1,7 @@
-.container{
+.containerTaskList{
     display: flex;
     flex-direction: column;
+    margin-bottom: 40px;
 }
 table{
     width: 100%;