diff --git a/react/src/components/App.css b/react/src/components/App.css
index 1045111..f48de72 100644
--- a/react/src/components/App.css
+++ b/react/src/components/App.css
@@ -155,6 +155,7 @@ li {
   flex-grow: 2;
   flex-shrink: 1;
   transition: 0.1s ease-in-out;
+  font-family: Roboto;
 }
 
 textarea.todo--input {
@@ -191,7 +192,8 @@ textarea.todo--input {
   background: none;
   transition: 0.1s ease-in-out;
   font-size: 1rem;
-  font-weight: 300;
+  font-weight: 400;
+  font-family: Roboto;
 }
 
 .filter--active {
diff --git a/react/src/components/Container.css b/react/src/components/Container.css
index 6a2cd69..10c68fe 100644
--- a/react/src/components/Container.css
+++ b/react/src/components/Container.css
@@ -49,6 +49,7 @@ body {
   transition: 0.1s ease-in-out;
   font-size: 0.8rem;
   font-weight: 300;
+  font-family: Roboto;
 }
 
 #user-header button:hover {