diff --git a/web/satellite/src/components/account/DeleteAccountPopup.vue b/web/satellite/src/components/account/DeleteAccountPopup.vue
index 657c5391a..1388358d5 100644
--- a/web/satellite/src/components/account/DeleteAccountPopup.vue
+++ b/web/satellite/src/components/account/DeleteAccountPopup.vue
@@ -9,7 +9,7 @@
                 <div v-html='imageSource'></div>
             </div>
             <div class='delete-account__form-container'>
-                <p>Are you sure you want to delete your account? If you do so, all your account information will be deleted from the Satellite forever.</p>
+                <p>Are you sure you want to delete your account? If you do so, all your information, projects and API Keys will be deleted forever.(drop from the satellite)</p>
                 <HeaderedInput 
                     label='Enter your password' 
                     placeholder='Your Password'
diff --git a/web/satellite/src/components/apiKeys/AddApiKeyPopup.vue b/web/satellite/src/components/apiKeys/AddApiKeyPopup.vue
index 3126c004b..f525f6ae6 100644
--- a/web/satellite/src/components/apiKeys/AddApiKeyPopup.vue
+++ b/web/satellite/src/components/apiKeys/AddApiKeyPopup.vue
@@ -8,7 +8,7 @@
                 <div v-html="imageSource"></div>
             </div>
             <div class="add-api-key-popup__form-container">
-                <h2 class="add-api-key-popup__form-container__main-label-text">New API Key</h2>
+                <h2 class="add-api-key-popup__form-container__main-label-text">Create an API Key</h2>
                 <HeaderedInput
                     @setData="onChangeName"
                     label="Name"
diff --git a/web/satellite/src/components/apiKeys/ApiKeysArea.vue b/web/satellite/src/components/apiKeys/ApiKeysArea.vue
index 27d80fb48..6b8b26732 100644
--- a/web/satellite/src/components/apiKeys/ApiKeysArea.vue
+++ b/web/satellite/src/components/apiKeys/ApiKeysArea.vue
@@ -19,10 +19,10 @@
         <EmptyState
             :onButtonClick="togglePopup"
             v-if="isEmpty"
-            mainTitle="You have no API Keys yet"
-            additional-text="<p>We recommend you to create your first API Key for this project. API Keys allow developers to manage their project and build applications over Storj Network through our Uplink CLI.</p>"
+            mainTitle="Let's create your first API Key"
+            additional-text="<p>API keys give access to the project allowing you to create buckets, upload files, and read them. Once you’ve created an API key, you’re ready to interact with the network through our Uplink CLI.</p>"
             :imageSource="emptyImage"
-            buttonLabel="New Api Key"
+            buttonLabel="Create an Api Key"
             isButtonShown />
         <AddAPIKeyPopup v-if="isPopupShown"/>
     </div>
@@ -187,4 +187,4 @@ export default class ApiKeysArea extends Vue {
             height: 200px;
         }
     }
-</style>
\ No newline at end of file
+</style>
diff --git a/web/satellite/src/components/apiKeys/CopyApiKeyPopup.vue b/web/satellite/src/components/apiKeys/CopyApiKeyPopup.vue
index 57063cb5c..0de856728 100644
--- a/web/satellite/src/components/apiKeys/CopyApiKeyPopup.vue
+++ b/web/satellite/src/components/apiKeys/CopyApiKeyPopup.vue
@@ -6,8 +6,8 @@
         <div class="save-api-popup">
            <div class="save-api-popup__main">
                <div class="save-api-popup__content">
-                   <h1 class="save-api-popup__content__title">Save your API Key</h1>
-                   <p class="save-api-popup__content__name">You will need this to share access to the project with your team members.</p>
+                   <h1 class="save-api-popup__content__title">Success! Your API key has been created. It will only appear here once.</h1>
+                   <p class="save-api-popup__content__name">This API key allow users or applications to interact with the project.</p>
                    <div class="save-api-popup__content__copy-area">
                        <p class="save-api-popup__content__copy-area__save-api">{{apiKey}}</p>
                        <Button class="save-api-popup__content__copy-area__save-btn" v-clipboard="apiKey" label="Copy" width="140px" height="48px" :onPress="onCopyClick" />
@@ -151,8 +151,9 @@ export default class AddApiKeyPopup extends Vue {
     .notification-wrap {
         background-color: rgba(194, 214, 241, 1);
         height: 98px;
+        width: calc(100% - 100px);
         display: flex;
-        justify-content: space-between;
+        justify-content: flex-start;
         padding: 0 50px;
         align-items: center;
         border-bottom-left-radius: 6px;
diff --git a/web/satellite/src/components/apiKeys/headerArea/SearchArea.vue b/web/satellite/src/components/apiKeys/headerArea/SearchArea.vue
index 68ad6655a..2441467c6 100644
--- a/web/satellite/src/components/apiKeys/headerArea/SearchArea.vue
+++ b/web/satellite/src/components/apiKeys/headerArea/SearchArea.vue
@@ -88,7 +88,7 @@ export default class SearchArea extends Vue {
                     border-radius: 6px;
                     width: 100%;
                     height: 56px;
-                    padding-right: 20px;
+                    padding-right: 100px;
                     padding-left: 20px;
                     font-family: 'font_regular';
                     font-size: 16px;
@@ -113,4 +113,4 @@ export default class SearchArea extends Vue {
     ::-webkit-input-placeholder {
         color: #AFB7C1;
     }
-</style>
\ No newline at end of file
+</style>
diff --git a/web/satellite/src/components/common/Button.vue b/web/satellite/src/components/common/Button.vue
index e8022ae5d..ab99e4246 100644
--- a/web/satellite/src/components/common/Button.vue
+++ b/web/satellite/src/components/common/Button.vue
@@ -103,6 +103,11 @@ export default class Button extends Vue {
 
             &.disabled {
                 box-shadow: none;
+                background-color: #DADDE5 !important;
+
+                .label {
+                    color: #ACB0BC !important;
+                }
             }
         }
 
@@ -124,7 +129,8 @@ export default class Button extends Vue {
     }
     .container.disabled {
         background-color: #DADDE5;
-        .label.white {
+        border-color: #DADDE5;
+        .label {
             color: #ACB0BC;
         }
     }
diff --git a/web/satellite/src/components/common/EmptyStateArea.vue b/web/satellite/src/components/common/EmptyStateArea.vue
index 71c5197e9..7e2651b48 100644
--- a/web/satellite/src/components/common/EmptyStateArea.vue
+++ b/web/satellite/src/components/common/EmptyStateArea.vue
@@ -10,7 +10,8 @@
                 <Button
                     :onPress="onButtonClick"
                     :label="buttonLabel"
-                    width="170px" />
+                    width="190px"
+                    height="50px"/>
             </div>
             <div class="empty-state__wrap__img" v-html="imageSource"></div>
         </div>
@@ -48,6 +49,7 @@ export default class EmptyStateProjectArea extends Vue {
         display: flex;
         justify-content: center;
         margin-top: 120px;
+        color: rgba(56, 75, 101, 0.7);
 
         &__wrap {
             text-align: center;
@@ -76,7 +78,7 @@ export default class EmptyStateProjectArea extends Vue {
                 font-family: 'font_bold';
                 font-size: 32px;
                 line-height: 35px;
-                margin-bottom: 30px;
+                margin-bottom: 15px;
                 min-width: 900px;
             }
 
diff --git a/web/satellite/src/components/common/RegistrationSuccessPopup.vue b/web/satellite/src/components/common/RegistrationSuccessPopup.vue
index 525fc071b..81d39b69d 100644
--- a/web/satellite/src/components/common/RegistrationSuccessPopup.vue
+++ b/web/satellite/src/components/common/RegistrationSuccessPopup.vue
@@ -18,10 +18,9 @@
 
             </div>
             <div class="register-success-popup__form-container">
-                <h2 class="register-success-popup__form-container__main-label-text">Congratulation!</h2>
-                <p>You almost registered on the Satellite, only one step left.
-                    Please check your inbox and use the verification link we shared with you in last email.</p>
-                <p>Didn’t receive a verification email?</p>
+                <h2 class="register-success-popup__form-container__main-label-text">Verify Your Account</h2>
+                <p>You have almost finished registering your account on the Tardigrade Satellite. Only one step left. Please check your inbox for a verification email.</p>
+                <!--<p>Didn’t receive a verification email?</p>-->
                 <div class="register-success-popup__form-container__button-container">
                     <Button label="Go to Login" width="450px" height="50px" :onPress="onCloseClick" isWhite />
                 </div>
diff --git a/web/satellite/src/components/header/AccountDropdown.vue b/web/satellite/src/components/header/AccountDropdown.vue
index 6292c1812..9ee547763 100644
--- a/web/satellite/src/components/header/AccountDropdown.vue
+++ b/web/satellite/src/components/header/AccountDropdown.vue
@@ -83,7 +83,7 @@ export default class ProjectSelectionDropdown extends Vue {
     .account-dropdown-choice-container {
         position: absolute;
         top: 9vh;
-        left: -70px;
+        right: 0;
         border-radius: 4px;
         padding: 10px 0px 10px 0px;
         box-shadow: 0px 4px rgba(231, 232, 238, 0.6);
diff --git a/web/satellite/src/components/header/NewProjectArea.vue b/web/satellite/src/components/header/NewProjectArea.vue
index 985534fa2..f4b3b157b 100644
--- a/web/satellite/src/components/header/NewProjectArea.vue
+++ b/web/satellite/src/components/header/NewProjectArea.vue
@@ -4,7 +4,7 @@
 <template>
     <div class="new-project-container">
         <div class="new-project-button-container" :class="{ active: !hasProjects }" v-on:click="toggleSelection" id="newProjectButton">
-            <h1>New Project +</h1>
+            <h1>+ New Project +</h1>
         </div>
         <NewProjectPopup v-if="isPopupShown"/>
     </div>
diff --git a/web/satellite/src/components/notifications/NotificationArea.vue b/web/satellite/src/components/notifications/NotificationArea.vue
index 6f71e706f..10b8039c6 100644
--- a/web/satellite/src/components/notifications/NotificationArea.vue
+++ b/web/satellite/src/components/notifications/NotificationArea.vue
@@ -36,7 +36,8 @@ export default class NotificationArea extends Vue {
         display: flex;
         position: fixed;
         bottom: 50px;
-        right: 30px;
+        right: 50%;
+        transform: translate(50%);
         align-items: center;
         justify-content: space-between;
         box-shadow: 0px 12px 24px rgba(175, 183, 193, 0.4);
diff --git a/web/satellite/src/components/project/DeleteProjectPopup.vue b/web/satellite/src/components/project/DeleteProjectPopup.vue
index eaa5d322b..159400bf5 100644
--- a/web/satellite/src/components/project/DeleteProjectPopup.vue
+++ b/web/satellite/src/components/project/DeleteProjectPopup.vue
@@ -11,7 +11,7 @@
             <div class="delete-project-popup__form-container">
                 <p>Are you sure that you want to delete your project? You will lose all your buckets and files that linked to this project.</p>
                 <div>
-                    <p class="text" v-if="!nameError">To proceed with deletion, enter full project name</p>
+                    <p class="text" v-if="!nameError">To confirm, enter the project name</p>
                     <div v-if="nameError" class="delete-project-popup__form-container__label">
                         <img src="../../../static/images/register/ErrorInfo.svg"/>
                         <p class="text">{{nameError}}</p>
diff --git a/web/satellite/src/components/project/NewProjectPopup.vue b/web/satellite/src/components/project/NewProjectPopup.vue
index 605282774..ee0d6b56e 100644
--- a/web/satellite/src/components/project/NewProjectPopup.vue
+++ b/web/satellite/src/components/project/NewProjectPopup.vue
@@ -5,7 +5,7 @@
     <div class="new-project-popup-container" v-on:keyup.enter="createProjectClick" v-on:keyup.esc="onCloseClick">
         <div class="new-project-popup" id="newProjectPopup" >
             <div class="new-project-popup__info-panel-container">
-                <h2 class="new-project-popup__info-panel-container__main-label-text">Create New Project</h2>
+                <h2 class="new-project-popup__info-panel-container__main-label-text">Create a Project</h2>
                 <img src="@/../static/images/dashboard/CreateNewProject.png" alt="">
             </div>
             <div class="new-project-popup__form-container">
diff --git a/web/satellite/src/components/project/ProjectDetailsArea.vue b/web/satellite/src/components/project/ProjectDetailsArea.vue
index df57175fc..7ec00b415 100644
--- a/web/satellite/src/components/project/ProjectDetailsArea.vue
+++ b/web/satellite/src/components/project/ProjectDetailsArea.vue
@@ -41,12 +41,12 @@
                     <div class="project-details-info-container__usage-report-container__info">
                         <img src="../../../static/images/projectDetails/UsageReport.svg" alt="">
                         <div class="project-details-info-container__usage-report-container__info__text">
-                            <h4>Usage Report</h4>
-                            <h2>Storj Satellite Usage reports provide access to detailed data, enabling you to better analyze and understand your Storj Network resources consumption</h2>
+                            <h4>Usage</h4>
+                            <h2>Analyze and understand your storage, egress and object usage amounts</h2>
                         </div>
                     </div>
                     <div class="project-details-info-container__usage-report-container__buttons-area">
-                        <Button label="More" width="140px" height="48px" :onPress="onMoreClick"/>
+                        <Button label="View" width="140px" height="48px" :onPress="onMoreClick"/>
                     </div>
                 </div>
             </div>
@@ -228,10 +228,6 @@ export default class ProjectDetailsArea extends Vue {
             align-items: flex-start;
             padding: 28px;
             background-color: #fff;
-
-            &:hover {
-                box-shadow: 0px 12px 24px rgba(175, 183, 193, 0.4);
-            }
         }
 
         &__description-container {
@@ -274,6 +270,15 @@ export default class ProjectDetailsArea extends Vue {
 
             svg {
                 cursor: pointer;
+
+                &:hover {
+                    rect {
+                        fill: #2683FF !important;
+                    }
+                    path {
+                        fill: white !important;
+                    }
+                }
             }
         }
 
diff --git a/web/satellite/src/components/project/UsageReport.vue b/web/satellite/src/components/project/UsageReport.vue
index cc8b542ec..d031aec53 100644
--- a/web/satellite/src/components/project/UsageReport.vue
+++ b/web/satellite/src/components/project/UsageReport.vue
@@ -12,13 +12,13 @@
 			</div>
 		</div>
 		<div class="usage-report-container__header">
-			<p>Usage Report</p>
+			<p>Usage</p>
 			<div class="usage-report-container__header__options-area">
 				<div class="usage-report-container__header__options-area__option active" @click.prevent="onCurrentRollupClick">
-					<p>Current roll up period</p>
+					<p>Current Billing Period</p>
 				</div>
 				<div class="usage-report-container__header__options-area__option" @click.prevent="onPreviousRollupClick">
-					<p>Previous Roll Up Period</p>
+					<p>Previous Billing Period</p>
 				</div>
 				<div class="usage-report-container__header__options-area__option" @click.prevent.self="onCustomDateClick">
 					<p @click.prevent.self="onCustomDateClick">Custom Date Range</p>
@@ -32,15 +32,15 @@
 		<div class="usage-report-container__main-area">
 			<div class="usage-report-container__main-area__info-area">
 				<div class="usage-report-container__main-area__info-area__item">
-					<h1>Storage GB*H</h1>
+					<h1>Storage GBh</h1>
 					<h2>{{storage}}</h2>
 				</div>
 				<div class="usage-report-container__main-area__info-area__item">
-					<h1>Egress GB</h1>
+					<h1>Egress GBh</h1>
 					<h2>{{egress}}</h2>
 				</div>
 				<div class="usage-report-container__main-area__info-area__item">
-					<h1>Objects Count*H</h1>
+					<h1>Objects per Hour</h1>
 					<h2>{{objectsCount}}</h2>
 				</div>
 			</div>
@@ -335,8 +335,8 @@ import { NOTIFICATION_ACTIONS, PROJECT_USAGE_ACTIONS } from '@/utils/constants/a
 
 				p {
 					font-family: 'font_regular';
-					font-size: 20px;
-					line-height: 27px;
+					font-size: 16px;
+					line-height: 21px;
 					color: #AFB7C1;
 
 					b {
@@ -354,8 +354,8 @@ import { NOTIFICATION_ACTIONS, PROJECT_USAGE_ACTIONS } from '@/utils/constants/a
 					p {
 						font-family: 'font_medium';
 						font-weight: bold;
-						font-size: 20px;
-						line-height: 29px;
+						font-size: 16px;
+						line-height: 21px;
 						color: #354049;
 						margin-right: 30px;
 					}
diff --git a/web/satellite/src/components/team/AddUserPopup.vue b/web/satellite/src/components/team/AddUserPopup.vue
index b81b08b68..d308d809c 100644
--- a/web/satellite/src/components/team/AddUserPopup.vue
+++ b/web/satellite/src/components/team/AddUserPopup.vue
@@ -6,8 +6,7 @@
         <div class='add-user' id="addTeamMemberPopup">
             <div class="add-user__main">
                 <div class='add-user__info-panel-container'>
-                    <h2 class='add-user__info-panel-container__main-label-text'>Add New User</h2>
-                    <p class="add-user__info-panel-container__text">You can only add users who are already registered on Storj Satellite</p>
+                    <h2 class='add-user__info-panel-container__main-label-text'>Add Team Member</h2>
                     <div v-html='imageSource'></div>
                 </div>
                 <div class='add-user__form-container'>
@@ -38,13 +37,10 @@
                             </div>
                             <p v-bind:class="[isMaxInputsCount ? 'inactive-label' : '']">Add Another</p>
                         </div>
-                        <div class="add-user-row__item">
-                            <p class="add-user__attention-text">Be careful! All new team members will have full admin rights. Otherwise use API Keys to share limited access.</p>
-                        </div>
                     </div>
                     <div class='add-user__form-container__button-container'>
                         <Button label='Cancel' width='205px' height='48px' :onPress="onClose" isWhite/>
-                        <Button label='Add Users' width='205px' height='48px' :onPress="isButtonActive ? onAddUsersClick : () => {}" :isDisabled="!isButtonActive"/>
+                        <Button label='Add Team Members' width='205px' height='48px' :onPress="isButtonActive ? onAddUsersClick : () => {}" :isDisabled="!isButtonActive"/>
                     </div>
                 </div>
                 <div class='add-user__close-cross-container'>
@@ -246,10 +242,8 @@ export default class AddUserPopup extends Vue {}
             display: flex;
             align-items: center;
             justify-content: space-between;
-            width: 50%;
 
             &:first-child {
-                width: 36%;
                 cursor: pointer;
                 -webkit-user-select: none;
                 -khtml-user-select: none;
@@ -257,21 +251,17 @@ export default class AddUserPopup extends Vue {}
                 -ms-user-select: none;
                 user-select: none;
 
+                svg {
+                    margin-right: 20px;
+                }
+
                 p {
-                    margin: 0 !important;
                     font-family: 'font_medium';
                     font-size: 16px;
                     margin-left: 0;
                     padding-left: 0;
-                }
-            }
-
-            &:last-child {
-                p {
-                    font-size: 12px;
-                    margin: 0 !important;
-                    text-align: left;
-                    padding-left: 30px;
+                    margin-block-start: 0em;
+                    margin-block-end: 0em;
                 }
             }
         }
@@ -331,6 +321,7 @@ export default class AddUserPopup extends Vue {}
             justify-content: center;
             background-color: #FFFFFF;
             padding: 80px 20px 80px 60px;
+            width: calc(100% - 80px);
         }
 
         &__info-panel-container {
@@ -354,7 +345,7 @@ export default class AddUserPopup extends Vue {}
                 line-height: 29px;
                 color: #384B65;
                 margin-top: 0;
-                width: 100%;
+                width: 107%;
             }
         }
 
@@ -434,10 +425,6 @@ export default class AddUserPopup extends Vue {}
                 font-size: 16px;
                 line-height: 25px;
                 padding-left: 50px;
-
-                &:nth-child(2) {
-                    margin-top: 20px;
-                }
             }
 
             a {
@@ -477,8 +464,9 @@ export default class AddUserPopup extends Vue {}
     .notification-wrap {
         background-color: rgba(194, 214, 241, 1);
         height: 98px;
+        width: calc(100% - 100px);
         display: flex;
-        justify-content: space-between;
+        justify-content: flex-start;
         padding: 0 50px;
         align-items: center;
         border-bottom-left-radius: 6px;
diff --git a/web/satellite/src/components/team/TeamArea.vue b/web/satellite/src/components/team/TeamArea.vue
index f4ae7cda3..fdfa1fb5e 100644
--- a/web/satellite/src/components/team/TeamArea.vue
+++ b/web/satellite/src/components/team/TeamArea.vue
@@ -141,6 +141,12 @@ export default class TeamArea extends Vue {
         }
     }
 
+    @media screen and (max-width: 1600px) {
+        .team-header {
+            max-width: 76%;
+        }
+    }
+
    @media screen and (max-width: 1600px) {
        .team-container {
 
@@ -190,4 +196,4 @@ export default class TeamArea extends Vue {
            height: 150px;
        }
    }
-</style>
\ No newline at end of file
+</style>
diff --git a/web/satellite/src/components/team/headerArea/SearchArea.vue b/web/satellite/src/components/team/headerArea/SearchArea.vue
index 91c03124b..df1509cac 100644
--- a/web/satellite/src/components/team/headerArea/SearchArea.vue
+++ b/web/satellite/src/components/team/headerArea/SearchArea.vue
@@ -98,7 +98,7 @@
                     border-radius: 6px;
                     width: 100%;
                     height: 56px;
-                    padding-right: 20px;
+                    padding-right: 100px;
                     padding-left: 20px;
                     font-family: 'font_regular';
                     font-size: 16px;
@@ -123,4 +123,4 @@
     ::-webkit-input-placeholder {
         color: #AFB7C1;
     }
-</style>
\ No newline at end of file
+</style>
diff --git a/web/satellite/src/components/team/headerArea/SortDropdown.vue b/web/satellite/src/components/team/headerArea/SortDropdown.vue
index 4898244e9..6fac02d92 100644
--- a/web/satellite/src/components/team/headerArea/SortDropdown.vue
+++ b/web/satellite/src/components/team/headerArea/SortDropdown.vue
@@ -7,13 +7,13 @@
         <div class="sort-dropdown-overflow-container">
             <!-- TODO: add selection logic onclick -->
             <div class="sort-dropdown-item-container" v-on:click="onSortUsersClick(sortByEnum.EMAIL)">
-                <h2>Sort by email</h2>
+                <h2>Sort by Email</h2>
             </div>
             <div class="sort-dropdown-item-container" v-on:click="onSortUsersClick(sortByEnum.CREATED_AT)">
-                <h2>Sort by date</h2>
+                <h2>Sort by Date</h2>
             </div>
             <div class="sort-dropdown-item-container" v-on:click="onSortUsersClick(sortByEnum.NAME)">
-                <h2>Sort by name</h2>
+                <h2>Sort by Name</h2>
             </div>
         </div>
     </div>
@@ -107,4 +107,4 @@ export default class SortDropdown extends Vue {
         text-decoration: none;
         outline: none;
     }
-</style>
\ No newline at end of file
+</style>
diff --git a/web/satellite/src/utils/constants/classConstants.ts b/web/satellite/src/utils/constants/classConstants.ts
index e7586d5ec..fba1c77c3 100644
--- a/web/satellite/src/utils/constants/classConstants.ts
+++ b/web/satellite/src/utils/constants/classConstants.ts
@@ -4,4 +4,6 @@
 export const LOADING_CLASSES = {
     LOADING_OVERLAY: 'loading-overlay',
     LOADING_OVERLAY_ACTIVE: 'loading-overlay active',
+    LOADING_LOGO: 'loading-overlay__logo',
+    LOADING_LOGO_ACTIVE: 'loading-overlay__logo active',
 };
diff --git a/web/satellite/src/views/login/Login.vue b/web/satellite/src/views/login/Login.vue
index 81aa8d567..44bf42abc 100644
--- a/web/satellite/src/views/login/Login.vue
+++ b/web/satellite/src/views/login/Login.vue
@@ -5,14 +5,14 @@
 
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator';
-import HeaderlessInput from '../../components/common/HeaderlessInput.vue';
-import Button from '../../components/common/Button.vue';
-import { setToken } from '../../utils/tokenManager';
-import ROUTES from '../../utils/constants/routerConstants';
-import { APP_STATE_ACTIONS, NOTIFICATION_ACTIONS } from '../../utils/constants/actionNames';
-import { getTokenRequest } from '../../api/users';
-import { LOADING_CLASSES } from '../../utils/constants/classConstants';
-import { AppState } from '../../utils/constants/appStateEnum';
+import HeaderlessInput from '@/components/common/HeaderlessInput.vue';
+import Button from '@/components/common/Button.vue';
+import { setToken } from '@/utils/tokenManager';
+import ROUTES from '@/utils/constants/routerConstants';
+import { APP_STATE_ACTIONS, NOTIFICATION_ACTIONS } from '@/utils/constants/actionNames';
+import { getTokenRequest } from '@/api/users';
+import { LOADING_CLASSES } from '@/utils/constants/classConstants';
+import { AppState } from '@/utils/constants/appStateEnum';
 
 @Component({
     data: function () {
@@ -21,6 +21,7 @@ import { AppState } from '../../utils/constants/appStateEnum';
             email: '',
             password: '',
             loadingClassName: LOADING_CLASSES.LOADING_OVERLAY,
+	        loadingLogoClassName: LOADING_CLASSES.LOADING_LOGO,
         };
     },
     methods: {
@@ -35,17 +36,13 @@ import { AppState } from '../../utils/constants/appStateEnum';
         },
         activateLoadingOverlay: function(): void {
             this.$data.loadingClassName = LOADING_CLASSES.LOADING_OVERLAY_ACTIVE;
-            setTimeout(() => {
-                this.$data.loadingClassName = LOADING_CLASSES.LOADING_OVERLAY;
-            }, 2000);
+            this.$data.loadingLogoClassName = LOADING_CLASSES.LOADING_LOGO_ACTIVE;
         },
         onLogin: async function (): Promise<any> {
             if (!this.$data.email || !this.$data.password) {
                 return;
             }
 
-            (this as any).activateLoadingOverlay();
-
             let loginResponse = await getTokenRequest(this.$data.email, this.$data.password);
             if (!loginResponse.isSuccess) {
                 this.$store.dispatch(NOTIFICATION_ACTIONS.ERROR, loginResponse.errorMessage);
@@ -53,9 +50,13 @@ import { AppState } from '../../utils/constants/appStateEnum';
                 return;
             }
 
-            setToken(loginResponse.data);
-            this.$store.dispatch(APP_STATE_ACTIONS.CHANGE_STATE, AppState.LOADING);
-            this.$router.push(ROUTES.PROJECT_DETAILS.path);
+            (this as any).activateLoadingOverlay();
+
+            setTimeout(() => {
+                setToken(loginResponse.data);
+                this.$store.dispatch(APP_STATE_ACTIONS.CHANGE_STATE, AppState.LOADING);
+                this.$router.push(ROUTES.PROJECT_DETAILS.path);
+            }, 2000);
         },
         onSignUpClick: function (): void {
             this.$router.push(ROUTES.REGISTER.path);
diff --git a/web/satellite/src/views/login/login.html b/web/satellite/src/views/login/login.html
index c7b6879e7..280409798 100644
--- a/web/satellite/src/views/login/login.html
+++ b/web/satellite/src/views/login/login.html
@@ -2,9 +2,8 @@
 <!--See LICENSE for copying information.-->
 
 <div class="login-container" v-on:keyup.enter="onLogin">
-	<div v-bind:class="loadingClassName">
-		<img class="loading-overlay__logo" src="../../../static/images/Logo.svg" alt="loading-logo">
-	</div>
+	<div v-bind:class="loadingClassName"></div>
+	<img v-bind:class="loadingLogoClassName" src="../../../static/images/LogoWhite.svg" alt="loading-logo">
 	<img class="image" src="../../../static/images/AuthImage.svg" alt="" >
 	<div class="login-container__wrapper">
 		<div class="login-container__header">
@@ -38,7 +37,7 @@
 						<h3><strong>Forgot password?</strong></h3>
 					</router-link>
 					<div class="login-area__submit-area__login-button" v-on:click.prevent="onLogin">
-						<p>Login</p>
+						<p>Log In</p>
 					</div>
 				</div>
 				<div class="login-area__info-area">
diff --git a/web/satellite/src/views/login/login.scss b/web/satellite/src/views/login/login.scss
index 3da0ee17c..8a8aea9f2 100644
--- a/web/satellite/src/views/login/login.scss
+++ b/web/satellite/src/views/login/login.scss
@@ -150,7 +150,7 @@
       }
 
       &:hover {
-        box-shadow: 0px 16px 24px #3A54DF;
+        box-shadow: 0px 4px 20px rgba(35, 121, 236, 0.4);
       }
     }
   }
@@ -237,9 +237,6 @@
 }
 
 .loading-overlay {
-  display: flex;
-  justify-content: center;
-  align-items: center;
   position: absolute;
   top: 0;
   left: 0;
@@ -248,7 +245,7 @@
   height: 100vh;
   width: 0;
   z-index: 100;
-  background-color: rgba(134, 134, 148, 0.7);
+  background-color: #2683FF;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: all 0.5s linear;
@@ -257,9 +254,20 @@
   transition: all 0.5s linear;
 
   &__logo {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%);
+    display: block;
     width: 240px;
     height: 110px;
     z-index: 200;
+    visibility: hidden;
+    opacity: 0;
+    -webkit-transition: visibility 0.5s linear, opacity 0.5s linear;
+    -moz-transition: visibility 0.5s linear, opacity 0.5s linear;
+    -o-transition: visibility 0.5s linear, opacity 0.5s linear;
+    transition: visibility 0.5s linear, opacity 0.5s linear;
   }
 }
 
@@ -269,6 +277,11 @@
   opacity: 1;
 }
 
+.loading-overlay__logo.active {
+  visibility: visible;
+  opacity: 1;
+}
+
 @media screen and (max-width: 1500px) {
   .login-container {
     &__wrapper {
@@ -280,12 +293,29 @@
 @media screen and (max-width: 1300px) {
   .login-container {
     &__wrapper {
-      min-width: 75%;
+      min-width: 40%;
+    }
+  }
+  .image {
+    display: block;
+  }
+  .login-area {
+    width: 516px;
+  }
+}
+
+@media screen and (max-width: 1168px) {
+  .login-container {
+    &__wrapper {
+      min-width: 64%;
     }
   }
   .image {
     display: none;
   }
+  .login-area {
+    width: 516px;
+  }
 }
 
 @media screen and (max-width: 750px) {
diff --git a/web/satellite/src/views/register/register.html b/web/satellite/src/views/register/register.html
index 57056767a..598cee519 100644
--- a/web/satellite/src/views/register/register.html
+++ b/web/satellite/src/views/register/register.html
@@ -20,7 +20,7 @@
 				</div>
 				<HeaderlessInput
 						class="full-input"
-						label="Full name"
+						label="Full Name"
 						placeholder="Enter Full Name"
 						:error="fullNameError"
 						@setData="setFullName"
@@ -46,14 +46,14 @@
 				</HeaderlessInput>
 				<div class="register-input">
 					<HeaderlessInput
-							class="full-input"
-							label="Password"
-							placeholder="Enter Password"
-							:error="passwordError"
-							@setData="setPassword"
-							width="100%"
-							height="46px"
-							isPassword>
+						class="full-input"
+						label="Password"
+						placeholder="Enter Password"
+						:error="passwordError"
+						@setData="setPassword"
+						width="100%"
+						height="46px"
+						isPassword>
 					</HeaderlessInput>
 					<span
 							v-html="infoImage"
diff --git a/web/satellite/src/views/register/register.scss b/web/satellite/src/views/register/register.scss
index 84ada57c1..baafd40e2 100644
--- a/web/satellite/src/views/register/register.scss
+++ b/web/satellite/src/views/register/register.scss
@@ -259,7 +259,7 @@ body {
       }
 
       &:hover {
-        box-shadow: 0px 16px 24px #3A54DF;
+        box-shadow: 0px 4px 20px rgba(35, 121, 236, 0.4);
       }
     }
   }
diff --git a/web/satellite/static/activation/success.html b/web/satellite/static/activation/success.html
index c091c8770..dd38dc3b2 100644
--- a/web/satellite/static/activation/success.html
+++ b/web/satellite/static/activation/success.html
@@ -22,7 +22,7 @@
 			<path d="M5 19C4.42857 19 4 18.3333 4 17.5556C4 16.7778 4.42857 16 5 16C5.57143 16 6 16.5556 6 17.4444C5.92857 18.3333 5.57143 19 5 19Z" fill="#2683FF"/>
 			<path d="M48.9327 19C48.3635 19 47.9366 18.3333 48.0078 17.4444C48.0078 16.5556 48.4347 16 49.0039 16C49.5731 16 50 16.6667 50 17.5556C49.9288 18.3333 49.4308 19 48.9327 19Z" fill="#2683FF"/>
 		</svg>
-		<p class="container__title">Congratulations!</p>
+		<p class="container__title">Let's Get Started!</p>
 		<p class="container__info">You have successfully registered on Satellite. Now you can Log In to your account, create Projects and build Applications over our distributed cloud storage network.</p>
 		<a href="/login">
 			<div class="container__button">
diff --git a/web/satellite/static/images/LogoWhite.svg b/web/satellite/static/images/LogoWhite.svg
new file mode 100644
index 000000000..5c2fd8e97
--- /dev/null
+++ b/web/satellite/static/images/LogoWhite.svg
@@ -0,0 +1,15 @@
+<svg width="140" height="63" viewBox="0 0 140 63" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M72.5283 26.3239C72.1886 26.5786 72.0188 27.0031 72.0188 27.5126C72.0188 28.022 72.2736 28.3617 72.6981 28.6164C73.1226 28.8711 74.1415 29.2108 75.6699 29.6353C77.1983 30.0598 78.4719 30.5693 79.321 31.3335C80.1701 32.0977 80.5946 33.2015 80.5946 34.7298C80.5946 36.1733 80.0002 37.362 78.8964 38.296C77.7926 39.23 76.3492 39.6545 74.5661 39.6545C71.9339 39.6545 69.6414 38.7205 67.5187 36.7676L69.7263 34.0506C71.5094 35.5789 73.1226 36.3431 74.651 36.3431C75.3303 36.3431 75.8397 36.1733 76.2643 35.9185C76.6888 35.6638 76.8586 35.2393 76.8586 34.7298C76.8586 34.2204 76.6888 33.8807 76.2643 33.5411C75.8397 33.2864 75.0755 32.9467 73.8019 32.692C71.849 32.2675 70.4905 31.6731 69.6414 30.9089C68.7923 30.1448 68.2828 29.0409 68.2828 27.5126C68.2828 25.9842 68.8772 24.7106 69.981 23.8615C71.0848 23.0124 72.5283 22.5879 74.1415 22.5879C75.2454 22.5879 76.3492 22.7577 77.453 23.1823C78.5568 23.5219 79.4908 24.1162 80.3399 24.7955L78.4719 27.5126C77.0284 26.4088 75.585 25.8993 74.0566 25.8993C73.3774 25.8993 72.8679 26.0691 72.5283 26.3239Z" fill="white"/>
+<path d="M89.6799 26.2382V39.484H86.0289V26.2382H81.3589V23.0117H94.3499V26.2382H89.6799Z" fill="white"/>
+<path d="M109.548 37.1913C107.85 38.8045 105.812 39.6536 103.435 39.6536C101.057 39.6536 98.9347 38.8045 97.3215 37.1913C95.6233 35.578 94.8591 33.5402 94.8591 31.1627C94.8591 28.7853 95.7082 26.7475 97.3215 25.1342C99.0196 23.521 101.057 22.6719 103.435 22.6719C105.897 22.6719 107.935 23.521 109.548 25.1342C111.246 26.7475 112.011 28.7853 112.011 31.1627C112.011 33.5402 111.246 35.578 109.548 37.1913ZM108.275 31.1627C108.275 29.7193 107.765 28.4457 106.831 27.4268C105.897 26.4079 104.709 25.8984 103.35 25.8984C101.991 25.8984 100.803 26.4079 99.8687 27.4268C98.9347 28.4457 98.4253 29.7193 98.4253 31.1627C98.4253 32.6062 98.9347 33.8798 99.8687 34.8987C100.803 35.9176 101.991 36.4271 103.35 36.4271C104.709 36.4271 105.897 35.9176 106.831 34.8987C107.85 33.8798 108.275 32.6062 108.275 31.1627Z" fill="white"/>
+<path d="M127.634 28.5308C127.634 31.1629 126.615 32.8611 124.493 33.6253L128.653 39.484H124.153L120.502 34.2197H117.955V39.484H114.303V23.0117H120.502C123.049 23.0117 124.917 23.4363 125.936 24.2853C127.125 25.2193 127.634 26.5779 127.634 28.5308ZM123.219 30.4837C123.643 30.0591 123.898 29.4648 123.898 28.5308C123.898 27.5968 123.643 27.0024 123.219 26.7477C122.709 26.4081 121.945 26.2382 120.757 26.2382H118.039V31.078H120.757C121.945 31.078 122.794 30.8233 123.219 30.4837Z" fill="white"/>
+<path d="M130.945 26.2382V23.0117H139.521V33.7102C139.521 35.6631 139.012 37.1066 137.993 38.1255C136.974 39.0594 135.7 39.5689 134.087 39.5689C132.134 39.5689 130.351 38.8047 128.908 37.2764L130.776 34.6442C131.794 35.748 132.813 36.2575 133.917 36.2575C134.427 36.2575 134.851 36.0876 135.276 35.6631C135.615 35.2386 135.87 34.6442 135.87 33.88V26.1533L130.945 26.2382Z" fill="white"/>
+<path d="M55.3767 18.1728C55.2918 20.1257 54.4427 21.5692 52.8294 22.5881C52.4898 22.7579 52.4049 22.9277 52.4049 23.2673C52.4049 28.6166 52.4049 33.9658 52.4049 39.3151C52.4049 39.6547 52.4898 39.8245 52.7445 39.9943C54.6125 41.0981 55.6314 43.136 55.2918 45.2587C54.9522 47.2965 53.3389 48.9946 51.2162 49.3343C50.0275 49.589 48.8387 49.4192 47.7349 48.7399C47.3953 48.5701 47.1406 48.5701 46.8858 48.7399C42.3008 51.3721 37.7157 54.0892 33.1306 56.7213C32.791 56.8911 32.7061 57.061 32.7061 57.4855C32.7061 60.0328 30.7532 62.3253 28.2908 62.4951C25.6587 62.7498 23.2812 61.1366 22.7718 58.5044C22.6869 58.0799 22.6869 57.7402 22.6869 57.3157C22.6869 57.061 22.602 56.8911 22.3472 56.7213C17.6773 54.0043 13.0073 51.3721 8.33732 48.655C8.0826 48.4852 7.91278 48.4852 7.65805 48.655C4.60134 50.523 0.695545 48.7399 0.101184 45.3436C-0.323359 43.2209 0.610636 41.1831 2.47863 39.9943C2.81826 39.8245 2.90317 39.6547 2.90317 39.2302C2.90317 33.8809 2.90317 28.5317 2.90317 23.1824C2.90317 22.8428 2.81826 22.673 2.56353 22.5032C0.610636 21.3993 -0.323359 19.4464 0.101184 17.2388C0.440819 15.0312 2.13899 13.4179 4.34662 13.1632C5.53534 12.9934 6.63915 13.2481 7.65805 13.8425C7.91278 14.0123 8.0826 14.0123 8.33732 13.8425C13.0073 11.1254 17.5924 8.49323 22.2623 5.77615C22.5171 5.60634 22.6869 5.43652 22.6869 5.09689C22.6869 2.12508 24.9794 -0.0825403 27.9512 0.00236837C30.2437 0.087277 32.3665 1.95527 32.7061 4.2478C32.7061 4.41762 32.791 4.58743 32.791 4.84216C32.791 5.43652 33.0457 5.77615 33.4703 6.03088C37.9704 8.57814 42.4706 11.2103 46.9707 13.8425C47.3104 14.0123 47.4802 14.0123 47.8198 13.8425C50.8765 12.0594 54.6125 13.7576 55.2918 17.2388C55.3767 17.5785 55.3767 17.9181 55.3767 18.1728ZM15.5546 36.5131C15.4696 36.5131 15.4696 36.598 15.4696 36.598C12.9224 38.0414 10.3751 39.4849 7.82787 41.0132C7.65805 41.0981 7.40333 41.0981 7.23351 41.0132C6.55424 40.5887 5.87497 40.334 5.02589 40.334C2.39372 40.2491 0.865362 42.3718 0.780453 44.2398C0.780453 46.3625 2.39372 48.5701 5.02589 48.5701C7.31842 48.5701 9.1015 46.7021 9.1015 44.4096C9.1015 43.985 9.18641 43.7303 9.61095 43.5605C12.328 42.0321 14.9602 40.5038 17.6773 38.8905C17.932 38.7207 18.1867 38.7207 18.4414 38.8056C20.1396 39.5698 21.8378 39.7396 23.6209 39.2302C23.7907 39.1452 24.0454 39.2302 24.2152 39.3151C24.7247 39.5698 25.2341 39.8245 25.7436 39.9943C26.0832 40.0792 26.1681 40.2491 26.1681 40.5887C26.1681 44.8341 26.1681 48.9946 26.1681 53.2401C26.1681 53.4948 26.0832 53.6646 25.8285 53.8344C24.3851 54.5137 23.3661 56.2968 23.6209 58.1648C23.9605 60.3724 26.1681 61.9857 28.3758 61.5611C30.3287 61.2215 31.5174 59.863 31.857 57.9101C32.0268 56.5515 31.3476 54.7684 29.6494 53.8344C29.3947 53.7495 29.3098 53.5797 29.3098 53.325C29.3098 49.2494 29.3098 45.1738 29.3098 41.0981C29.3098 40.7585 29.4796 40.6736 29.8192 40.5887C30.6683 40.4189 31.5174 40.2491 32.2816 40.0792C32.6212 39.9943 32.9608 39.9943 33.3005 40.0792C35.0835 40.8434 36.8666 40.7585 38.5648 39.7396C38.8195 39.5698 38.9893 39.5698 39.2441 39.7396C41.4517 41.0132 43.6593 42.2869 45.8669 43.5605C46.2066 43.7303 46.3764 43.985 46.3764 44.4096C46.1217 46.787 48.3293 48.7399 50.7916 48.4852C53.254 48.2305 54.9522 45.853 54.3578 43.4756C53.6785 40.5887 50.6218 39.3151 48.0746 40.8434C47.8198 41.0132 47.65 41.0132 47.3104 40.8434C45.1877 39.5698 43.065 38.3811 40.9422 37.1923C40.6026 37.0225 40.6026 36.8527 40.6875 36.5131C41.3668 34.3904 40.8573 32.4375 39.329 30.8242C38.9893 30.4846 37.6308 28.2769 37.3761 27.8524C37.2063 27.5128 37.2912 27.3429 37.6308 27.1731C40.8573 25.3051 44.0839 23.5221 47.2255 21.6541C47.4802 21.4843 47.65 21.4843 47.9047 21.6541C48.8387 22.2484 49.8576 22.4182 50.8765 22.2484C52.9144 21.9088 54.4427 20.0408 54.2729 17.8332C54.1031 15.4557 51.7256 13.6727 49.3482 14.1821C47.3104 14.6067 45.9518 16.2199 46.0368 18.3426C46.0368 18.6823 45.9518 18.937 45.6122 19.1068C42.3857 20.9748 39.0742 22.8428 35.8477 24.7108C35.593 24.8806 35.4232 24.8806 35.1684 24.6259C33.6401 23.1824 31.7721 22.3333 29.7343 22.0786C29.055 21.9937 29.055 21.9937 29.055 21.2295C29.055 17.4086 29.055 13.5877 29.055 9.76686C29.055 9.25741 29.1399 8.91777 29.6494 8.66305C31.4325 7.64415 32.1117 5.43652 31.3476 3.48362C30.4985 1.61563 28.3758 0.51182 26.4229 1.19109C24.6398 1.70054 23.6209 3.05908 23.4511 4.84216C23.2812 6.28561 23.9605 7.89887 25.6587 8.74796C25.9134 8.91777 26.0832 9.00268 26.0832 9.34232C26.0832 13.5877 26.0832 17.7483 26.0832 21.9937C26.0832 22.3333 25.9134 22.4182 25.6587 22.5881C24.8096 23.0126 23.9605 23.3522 23.2812 23.9466C22.5171 24.6259 21.7529 24.9655 20.6491 24.9655C20.5642 24.9655 20.4793 24.9655 20.3943 24.9655C20.1396 24.9655 19.8 24.9655 19.5453 24.7957C16.2338 22.9277 13.0073 21.0597 9.69586 19.1917C9.18641 18.937 9.01659 18.5974 9.1015 18.0879C9.1015 17.8332 9.1015 17.6634 9.01659 17.4086C8.67696 15.3708 6.72406 13.6727 4.34662 14.0972C1.96917 14.5217 0.525727 16.6445 0.865362 18.8521C1.37481 21.739 4.68625 23.1824 7.1486 21.6541C7.40333 21.4843 7.65805 21.4843 7.91278 21.6541C10.3751 23.0975 12.8375 24.541 15.3847 25.9844C15.8093 26.2391 16.2338 26.4939 16.6584 26.7486C13.8564 29.7204 13.5167 32.9469 15.5546 36.5131Z" fill="white"/>
+<path d="M22.4322 26.7476C23.1114 26.8325 23.3662 26.5778 23.8756 26.1533C25.9134 24.2004 28.3758 23.6909 31.0079 24.54C33.6401 25.3891 35.2534 27.2571 35.7628 29.9741C35.8477 30.4836 36.1025 30.8232 36.527 31.078C37.8855 31.8421 38.6497 33.5403 38.395 34.8988C38.0554 36.6819 36.8666 37.9556 35.1685 38.2103C34.2345 38.3801 33.3854 38.2103 32.6212 37.7857C32.2816 37.531 32.0268 37.6159 31.6023 37.7857C29.2249 38.8046 27.0172 38.6348 24.8096 37.2763C24.47 37.1065 24.2153 37.0216 23.8756 37.1914C20.8189 38.2103 17.6773 36.4272 16.9131 33.4554C16.064 29.9741 18.866 26.5778 22.4322 26.7476Z" fill="white"/>
+<path d="M49.1783 44.4094C49.1783 43.7302 49.6878 43.2207 50.3671 43.2207C51.0463 43.2207 51.5558 43.7302 51.5558 44.4094C51.5558 45.0038 50.9614 45.5981 50.3671 45.5981C49.6878 45.5981 49.1783 45.0887 49.1783 44.4094Z" fill="white"/>
+<path d="M26.5078 5.18286C26.5078 4.50359 27.0173 3.99414 27.6965 3.99414C28.2909 3.99414 28.8003 4.50359 28.8003 5.18286C28.8003 5.77722 28.2909 6.37158 27.6116 6.37158C27.0173 6.28667 26.5078 5.77722 26.5078 5.18286Z" fill="white"/>
+<path d="M6.12976 44.4094C6.12976 45.0887 5.62031 45.5981 4.94104 45.5981C4.34668 45.5981 3.75232 45.0038 3.75232 44.4094C3.75232 43.8151 4.34668 43.2207 4.94104 43.2207C5.62031 43.2207 6.12976 43.7302 6.12976 44.4094Z" fill="white"/>
+<path d="M27.6965 56.2969C28.3758 56.2969 28.8853 56.8063 28.8853 57.4856C28.8853 58.1649 28.3758 58.5894 27.6965 58.5894C27.0173 58.5894 26.5078 58.08 26.5078 57.4007C26.5078 56.8063 27.0173 56.2969 27.6965 56.2969Z" fill="white"/>
+<path d="M5.026 19.3609C4.34673 19.3609 3.83728 18.8514 3.83728 18.2571C3.83728 17.6627 4.34673 17.0684 5.026 17.0684C5.70527 17.0684 6.21472 17.4929 6.21472 18.1722C6.12981 18.8514 5.70527 19.3609 5.026 19.3609Z" fill="white"/>
+<path d="M50.3672 19.3609C49.688 19.3609 49.1785 18.8514 49.2634 18.1722C49.2634 17.4929 49.7729 17.0684 50.4521 17.0684C51.1314 17.0684 51.6409 17.5778 51.6409 18.2571C51.5559 18.8514 50.9616 19.3609 50.3672 19.3609Z" fill="white"/>
+</svg>