diff --git a/src/auth/login-form/login-form.scss b/src/auth/login-form/login-form.scss
index 85b8801e..9e5d54b1 100644
--- a/src/auth/login-form/login-form.scss
+++ b/src/auth/login-form/login-form.scss
@@ -15,3 +15,22 @@
}
}
}
+.loginbtn{
+ background: #ffffff;
+ color: #000000;
+ padding: 1vh;
+ border: 1px solid rgb(211, 220, 228);
+ border-radius: 3px;
+ width: 45%;
+}
+.login-icon{
+ width: 1em;
+ height: 1em;
+ vertical-align: middle;
+}
+.loginbtn-content{
+ font-size: 16px;
+ font-family: Roboto, sans-serif;
+ font-weight: 500;
+ line-height: 1em;
+}
\ No newline at end of file
diff --git a/src/auth/login/login.js b/src/auth/login/login.js
index 0bdc6a68..89c0ffe5 100644
--- a/src/auth/login/login.js
+++ b/src/auth/login/login.js
@@ -2,7 +2,7 @@ import React, { Component } from "react";
import { Tab, Tabs } from "react-bootstrap";
import LoginForm from "../login-form/login-form";
import SignUpForm from "../signup-form/signup-form";
-import { DonutTitle }from "../../donutTitle/donutTitle";
+import { DonutTitle } from "../../donutTitle/donutTitle";
import multipleDonuts from "../../images/extra-donuts.png";
// import backGroundDonut from "../../images/background-donut.png";
import "./login.scss";
@@ -37,6 +37,66 @@ class Login extends Component {
+
+ Or Sign In/Sign Up with
+
+
+
+
+
+