diff --git a/frontend/react-app/src/css/Header.css b/frontend/react-app/src/css/Header.css
index 2657bec..3c4f186 100644
--- a/frontend/react-app/src/css/Header.css
+++ b/frontend/react-app/src/css/Header.css
@@ -10,7 +10,7 @@ h1.inner-header{
     padding: 1% 5%;;
     height: auto;
     min-height: 10%;
-    background-color: #3b3355;
+    background-color: #2d2644;
     display: flex; 
     align-items: center; 
     justify-content: space-between;
diff --git a/frontend/react-app/src/css/TaskList.css b/frontend/react-app/src/css/TaskList.css
index 444602c..36f1347 100644
--- a/frontend/react-app/src/css/TaskList.css
+++ b/frontend/react-app/src/css/TaskList.css
@@ -8,19 +8,31 @@ table{
     overflow: hidden;
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
 }
+
+.taskTable {
+    border-collapse: collapse;
+    border: none;
+}
+
+table td, table th {
+    border: 1px solid grey; /* Keeps inner borders */
+}
+
 th,td{
     padding:10px;
     background-color: white;
 }
 thead th{
-    background-color: #437676;
+    /* background-color: #437676; */
+    background-color: #52799d;
 }
 .tableHeader :hover{
-    background-color: darkslategray;
+    background-color: #3d6285;
 }
 .link :hover{
     background-color: darkslategray;
 }
+
 .selector{
     padding: 2px;
     height: 100%;
@@ -31,6 +43,7 @@ thead th{
     width: 75% !important;
     height: 100%;
     margin-left: 10px;
+    border-radius: 20px;
 }
 .Selector-Search{
     padding: 3px;
@@ -53,7 +66,7 @@ thead th{
     flex: 1;
     padding: 0.75rem 1rem;
     border: none;
-    border-radius: 4px;
+    border-radius: 10px;
     color: rgb(0, 0, 0);
     font-size: 1rem;
     background-color: white;
@@ -63,4 +76,8 @@ thead th{
     color: black;
     text-decoration: underline;
     color: #0f145b;
+  }
+
+  #searchThis {
+    color: red;
   }
\ No newline at end of file
diff --git a/frontend/react-app/src/css/home.css b/frontend/react-app/src/css/home.css
index 13e825e..ed98210 100644
--- a/frontend/react-app/src/css/home.css
+++ b/frontend/react-app/src/css/home.css
@@ -101,6 +101,27 @@ tbody {
 
 .pageContainer {
     /* background-color: #f6edff; */
-    background-color: #cfe1fb;
+    background-color: white;
     width: 100%;
+}
+
+#taskSection input {
+    /* background-color: #ddd3ef; */
+    background-color: #d3d4f9;
+    color: #2d2644;
+}
+
+#taskSection input::placeholder {
+    color: #2d2644;
+    font-size: 1em;
+}
+
+
+#taskSection select {
+    /* background-color: #ddd3ef; */
+    background-color: #d3d4f9;
+    color: #2d2644;
+    font-size: 1em;
+    padding-left: 1%;
+    border-radius: 10px;
 }
\ No newline at end of file
diff --git a/frontend/react-app/src/login.css b/frontend/react-app/src/login.css
index 6c3b884..3d4aae2 100644
--- a/frontend/react-app/src/login.css
+++ b/frontend/react-app/src/login.css
@@ -94,8 +94,9 @@
 }
 
 #logoBox h1 {
-    font-weight: bold;
+    font-weight: 900;
     font-size: 3em;
+    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     /* background-color: red; */
     gap: 0px;
 }
@@ -103,4 +104,9 @@
 #logoBox img {
     margin: 0;
     /* background-color: red; */
+}
+
+#siteName p {
+    font-size: 1.25em;
+    padding-left: 4%;
 }
\ No newline at end of file
diff --git a/frontend/react-app/src/pages/Login.jsx b/frontend/react-app/src/pages/Login.jsx
index a694225..f221645 100644
--- a/frontend/react-app/src/pages/Login.jsx
+++ b/frontend/react-app/src/pages/Login.jsx
@@ -12,7 +12,7 @@ function Login(){
                         <img src={logo} alt="logo"/>
                         <h1>Taskly</h1>
                     </div>
-                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum condimentum nulla pharetra, ultrices mauris ut, pharetra massa. Morbi sodales in metus in porta. Morbi vel semper ligula, at dignissim eros. Aenean sollicitudin, diam et cursus elementum, elit dui viverra leo, et commodo tortor urna et dolor</p>
+                    <p>Streamline teamwork with smart task management. Assign, prioritize, and track tasks across multiple teams. Collaborate seamlessly, stay organized with automated notifications, and keep projects moving forward effortlessly.</p>
                 </div>
                 <div id="loginFormWrapper"> 
                     <LoginForm />