diff --git a/app/components/form-input.hbs b/app/components/form-input.hbs
index 24caf38d..8b2ec242 100644
--- a/app/components/form-input.hbs
+++ b/app/components/form-input.hbs
@@ -1,6 +1,7 @@
 <div class="field">
   <label for={{@for}}>{{@label}}:</label>
-  <Input
+  <div class="field">
+<Input
     @id={{@id}}
     @type={{@type}}
     @value={{@value}}
@@ -9,6 +10,13 @@
     @class={{if @showError 'input errorBorder' 'input'}}
     {{on 'input' (fn this.inputFieldChanged)}}
   />
+  {{#if @buttonupload }}
+  <button class="upload" type="submit">update location</button>
+  {{/if}}
+  </div>
+
+  
+  
    {{#if @helpMsg}}
     <em class="help-msg">{{@helpMsg}}</em>
    {{/if}}
diff --git a/app/controllers/profile.js b/app/controllers/profile.js
index b36e74cc..40976476 100644
--- a/app/controllers/profile.js
+++ b/app/controllers/profile.js
@@ -70,6 +70,14 @@ export default class ProfileController extends Controller {
       showError: false,
       disabled: true,
     },
+    {
+      id: 'location',
+      label: 'Location',
+      type: 'text',
+      placeholder: 'bangalore',
+      buttonupload: true,
+      disabled: true,
+    },
     {
       id: 'email',
       label: 'Email',
diff --git a/app/styles/signup.css b/app/styles/signup.css
index 3522e4d4..3c2557bb 100644
--- a/app/styles/signup.css
+++ b/app/styles/signup.css
@@ -28,6 +28,10 @@ h1 {
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
+  position: relative;
+}
+.field_right{
+  position: relative;
 }
 
 .field label {
@@ -78,4 +82,87 @@ h1 {
 .help-msg {
   font-size: 10px;
   text-align: left;
-}
\ No newline at end of file
+}
+
+/* New Signup flow styles */
+
+.container {
+  width: 100%;
+  color: #666;
+  text-align: center;
+  padding: 1em 0;
+}
+
+.user-details {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-content: center;
+  height: 80vh;
+  width: 70%;
+  margin: auto;
+}
+
+.user-details>* {
+  padding: 2rem;
+}
+
+.user-details__heading {
+  font-size: 2rem;
+  color: black;
+  text-align: left;
+}
+
+.user-details__field input {
+  padding: 1rem 2rem;
+  width: 100%;
+  border-radius: 10px;
+  border: 2px solid darkgray;
+  font-size: 3rem;
+}
+
+.signup-action__btn button {
+  padding: .75rem 2rem;
+  border-radius: 10px;
+  outline: none;
+  background-color: green;
+  color: white;
+  text-decoration: none;
+  cursor: pointer;
+  width: 40%;
+  display: block;
+  margin: auto;
+  font-size: 2rem;
+  border: none;
+}
+
+.signup-action__btn button.btn-disabled {
+  background: #ccc;
+}
+
+@media (max-width: 768px) {
+  .user-details {
+    width: 80%;
+  }
+}
+
+@media (max-width: 568px) {
+  .user-details {
+    width: 100%;
+  }
+}
+
+@media (max-width: 520px) {
+  .signup-action__btn button {
+    width: 70%;
+  }
+}
+.upload{
+  position: absolute;
+  top:0;
+  right: 0;
+  height: 100%;
+  color: blue;
+  font-weight: bold;
+  padding: .5rem;
+ }
diff --git a/app/templates/profile.hbs b/app/templates/profile.hbs
index 3e5cc5ac..09552633 100644
--- a/app/templates/profile.hbs
+++ b/app/templates/profile.hbs
@@ -16,7 +16,10 @@
     @helpMsg={{field.helpMsg}}
     @onChange={{this.handleFieldChange}}
     @validator={{field.validator}}
-    @disabled={{field.disabled}} />
+    @disabled={{field.disabled}} 
+    @buttonupload={{field.buttonupload}}
+    />
+    
   {{/each}}
 
   <button class='submitButton' type="submit" {{on 'click' (fn this.handleSubmit)}}>