diff --git a/frontend/src/App.css b/frontend/src/App.css
index 33632674..416d41bb 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -38,11 +38,16 @@ body {
   min-height: 250px;
   align-items: center;
   margin: 10px;
+  justify-content: space-between;
+  height: 100%;
 }
 
 .notes-header {
   display: flex;
-  justify-content: flex-end;
+}
+
+.notes-header button {
+  color: crimson;
 }
 
 h2 {
@@ -51,9 +56,10 @@ h2 {
 
 .app-header {
   display: flex;
-  justify-content: space-evenly;
+  flex-direction: column;
+  justify-content: center;
   align-items: center;
-  width: 50%;
+  width: 100%;
   margin-bottom: 20px;
 }
 
@@ -99,7 +105,7 @@ textarea {
 
 .notes-header button{
   border-radius: 5px;
-  background-color: rgb(64, 154, 184);
+  background-color: coral;
   border: none;
   padding: 8px;
   font-size: 10px;
@@ -128,6 +134,7 @@ textarea {
 
 .notes-grid {
   margin-top: 20px;
+  width: 100%;
 }
 
 .connection-warning {
@@ -144,4 +151,10 @@ textarea {
   justify-content: center;
   align-items: center;
   margin-top: 20px;
-}
\ No newline at end of file
+}
+
+.note-updated {
+  color: green;
+    font-size: 14px;
+  }
+ 
\ No newline at end of file