diff --git a/public/egologique_transparent_image.png b/public/egologique_transparent_image.png
new file mode 100644
index 0000000..eaa5566
Binary files /dev/null and b/public/egologique_transparent_image.png differ
diff --git a/src/components/DrawerComponent.js b/src/components/DrawerComponent.js
index 8873bc2..57421ba 100644
--- a/src/components/DrawerComponent.js
+++ b/src/components/DrawerComponent.js
@@ -18,7 +18,7 @@ class DrawerComponent extends Component {
                 <div className={"handle"}></div>
                 <img className={"current-image"} src={this.props.current_activity.info.image} />
                 <span className={"current-address"}>{this.props.current_activity.info.address}</span>
-                <Button type="primary" onClick={this.props.reviewLocation} className={"current-next-button"}>Review</Button>  
+                <Button type="primary" onClick={this.props.reviewLocation} className="current-next-button greenButton">Review</Button>  
             </div>
         );
     }
@@ -29,9 +29,9 @@ class DrawerComponent extends Component {
                 <img className={"current-image"} src={this.props.current_activity.info.image} />
                 <span className={"current-address"}>{this.props.current_activity.info.address}</span>
                 {this.props.finishButton() ? (
-                    <Button type="primary" onClick={this.props.readyRally} className={"current-next-button"}>Finish</Button>  
+                    <Button type="primary" onClick={this.props.readyRally} className={"current-next-button greenButton"}>Finish</Button>  
                 ) : (
-                    <Button type="primary" onClick={this.props.readyRally} className={"current-next-button"}>Next</Button>  
+                    <Button type="primary" onClick={this.props.readyRally} className={"current-next-button greenButton"}>Next</Button>  
                 )}
             </div>
         );
@@ -60,7 +60,7 @@ class DrawerComponent extends Component {
                 </div>
                 <div style={{ display: 'flex' }}>
                     <Slider style={{ flex: 2, alignSelf: 'center', margin: 20, }} marks={marks} defaultValue={2} min={2} max={10} onChange={this.props.createRangeChange}/>
-                    <Button style={{ flex: 1 }} onClick={this.props.createOnClick} className={"go-button"} type="primary">Go</Button>  
+                    <Button style={{ flex: 1 }} onClick={this.props.createOnClick} className="go-button greenButton" type="primary">Go</Button>  
                 </div>
             </div>
         );
@@ -84,9 +84,9 @@ class DrawerComponent extends Component {
                     <Progress className={"progress-drawer"} type="circle" percent={this.props.progress} />
                     <Button type="danger" onClick={this.props.cancelRally} className={"current-next-button-drawer"}>Cancel</Button> 
                     {this.props.finishButton() ? (
-                        <Button type="primary" onClick={this.props.readyRally} className={"current-next-button-drawer"}>Finish</Button>   
+                        <Button type="primary" onClick={this.props.readyRally} className={"current-next-button-drawer greenButton"}>Finish</Button>   
                     ) : (
-                        <Button type="primary" onClick={this.props.readyRally} className={"current-next-button-drawer"}>Next</Button>    
+                        <Button type="primary" onClick={this.props.readyRally} className={"current-next-button-drawer greenButton"}>Next</Button>    
                     )}
                 </Drawer>
             )}
diff --git a/src/components/LoginPage.js b/src/components/LoginPage.js
index d949b41..469d63b 100644
--- a/src/components/LoginPage.js
+++ b/src/components/LoginPage.js
@@ -31,10 +31,9 @@ class LoginPage extends Component {
                 </video>
                 <div className={"login-filter"}/>
                 <Card className={"login-card"}>
-                    eGOlogie
-                    <div className="handle"></div>
-                    <hr/>
-                    <br/>
+                    <div style={{ textAlign: 'center' }}>
+                        <img width="200" src="/egologique_transparent_image.png" />
+                    </div>
                     <Form onSubmit={this.handleSubmit} className="">
                         <FormItem>
                         {getFieldDecorator('email', {
@@ -57,7 +56,7 @@ class LoginPage extends Component {
                         })(
                             <Checkbox>Remember me</Checkbox>
                         )}
-                        <Button loading={this.props.loginPending} type="primary" htmlType="submit" className="login-form-button">
+                        <Button loading={this.props.loginPending} type="primary" htmlType="submit" className="login-form-button greenButton">
                             Log in
                         </Button>
                         Or <a href="/signup">register now!</a>
diff --git a/src/components/SignupPage.js b/src/components/SignupPage.js
index ee66a63..d38f16a 100644
--- a/src/components/SignupPage.js
+++ b/src/components/SignupPage.js
@@ -34,7 +34,7 @@ class SignUp extends React.Component {
                     Your browser does not support the video tag. 
         </video>
         
-        <Card className="centerElement signUpCard" title="Sign up for eGOlogique" extra={<a href="/login">Back to login</a>} bordered={true}>
+        <Card className="centerElement signUpCard" title="Sign up for eGOlogic" extra={<a href="/login">Back to login</a>} bordered={true}>
             <Form onSubmit={this.handleSubmit} className="">
                 <FormItem>
                 {getFieldDecorator('first_name', {
@@ -77,7 +77,7 @@ class SignUp extends React.Component {
                 )}
                 </FormItem>
                 <FormItem>
-                <Button type="primary" htmlType="submit" className="login-form-button signUpButton">
+                <Button type="primary" htmlType="submit" className="login-form-button signUpButton greenButton">
                     Sign up
                 </Button>
                 </FormItem>
diff --git a/src/styles/App.css b/src/styles/App.css
index 9533383..f9a1c8d 100644
--- a/src/styles/App.css
+++ b/src/styles/App.css
@@ -52,7 +52,7 @@ body {
 
   .login-card {
     width: 90vw;
-    height: 70vh;
+    height: fit-content;
   }
 }
 
@@ -139,8 +139,7 @@ body {
   background-color: rgba(255,255,255,0.9);
   margin-top: 15vh;
   width: 90vw;
-  max-width: 700px;
-  max-height: 55vh;
+  height: fit-content;
 }
 
 .signUpButton {
@@ -319,7 +318,12 @@ body {
   color: rgba(0, 0, 0, 0.65);
   text-decoration: none;
 }
-
-.modal-feedback {
   
+.greenButton {
+  background-color: #8dc63f !important;
+  border-color: #8dc63f !important;
+}
+
+.greenText {
+  color:  #8dc63f !important;
 }