diff --git a/ui/app/css/itcss/components/index.scss b/ui/app/css/itcss/components/index.scss
index 4693a30ed..5faf5b6df 100644
--- a/ui/app/css/itcss/components/index.scss
+++ b/ui/app/css/itcss/components/index.scss
@@ -17,6 +17,5 @@
 @import './request-encryption-public-key';
 @import './request-decrypt-message';
 @import './pages/index';
-@import './new-account';
 @import './tooltip';
 @import '../../../components/app/index';
diff --git a/ui/app/css/itcss/components/new-account.scss b/ui/app/pages/create-account/connect-hardware/index.scss
similarity index 60%
rename from ui/app/css/itcss/components/new-account.scss
rename to ui/app/pages/create-account/connect-hardware/index.scss
index c7aa38e03..887fd7ec9 100644
--- a/ui/app/css/itcss/components/new-account.scss
+++ b/ui/app/pages/create-account/connect-hardware/index.scss
@@ -1,165 +1,3 @@
-.new-account {
-  width: 375px;
-  background-color: #fff;
-  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08);
-  z-index: 25;
-  height: unset;
-  overflow: auto;
-  scrollbar-width: none;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
-  @media screen and (min-width: 576px) {
-    position: absolute;
-  }
-
-  &__header {
-    display: flex;
-    flex-flow: column;
-    border-bottom: 1px solid $geyser;
-  }
-
-  &__title {
-    color: $tundora;
-    font-size: 32px;
-    font-weight: 500;
-    line-height: 43px;
-    margin-top: 22px;
-    margin-left: 29px;
-  }
-
-  &__tabs {
-    margin-left: 22px;
-    display: flex;
-    margin-top: 10px;
-
-    &__tab {
-      height: 54px;
-      padding: 15px 10px;
-      color: $dusty-gray;
-      font-size: 18px;
-      line-height: 24px;
-      text-align: center;
-      cursor: pointer;
-    }
-
-    &__tab:hover {
-      color: $black;
-      border-bottom: none;
-    }
-
-    &__selected {
-      color: $primary-blue;
-      border-bottom: 3px solid $primary-blue;
-      cursor: initial;
-      pointer-events: none;
-    }
-  }
-}
-
-.new-account-import-disclaimer {
-  width: 120%;
-  background-color: #f4f9fc;
-  display: inline-block;
-  align-items: center;
-  padding: 20px 30px 20px;
-  font-size: 12px;
-  line-height: 1.5;
-}
-
-.new-account-import-form {
-  display: flex;
-  flex-flow: column;
-  align-items: center;
-  padding: 0 30px 30px;
-
-  &__select-section {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 29px;
-    width: 100%;
-  }
-
-  &__select-label {
-    color: $scorpion;
-    font-size: 16px;
-    line-height: 21px;
-  }
-
-  &__select {
-    height: 54px;
-    width: 210px;
-    border: 1px solid #d2d8dd;
-    border-radius: 4px;
-    background-color: #fff;
-    display: flex;
-    align-items: center;
-
-    .Select-control,
-    .Select-control:hover {
-      height: 100%;
-      border: none;
-      box-shadow: none;
-
-      .Select-value {
-        display: flex;
-        align-items: center;
-      }
-    }
-  }
-
-  &__private-key-password-container {
-    display: flex;
-    flex-flow: column;
-    align-items: center;
-    width: 100%;
-  }
-
-  &__instruction {
-    color: $scorpion;
-    font-size: 16px;
-    line-height: 21px;
-    align-self: flex-start;
-  }
-
-  &__private-key {
-    display: flex;
-    flex-flow: column;
-    align-items: flex-start;
-    margin-top: 34px;
-  }
-
-  &__input-password {
-    height: 54px;
-    width: 315px;
-    border: 1px solid $geyser;
-    border-radius: 4px;
-    background-color: $white;
-    margin-top: 16px;
-    color: $scorpion;
-    font-size: 16px;
-    padding: 0 20px;
-  }
-
-  &__json {
-    display: flex;
-    flex-flow: column;
-    align-items: center;
-    margin-top: 29px;
-    width: 100%;
-  }
-
-  &__buttons {
-    margin-top: 39px;
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-  }
-}
-
 .hw-tutorial {
   width: 375px;
   border-top: 1px solid #d2d8dd;
@@ -503,42 +341,3 @@
     cursor: pointer;
   }
 }
-
-.new-account-create-form {
-  display: flex;
-  flex-flow: column;
-  align-items: center;
-  padding: 30px;
-
-  &__input-label {
-    color: $scorpion;
-    font-size: 16px;
-    line-height: 21px;
-    align-self: flex-start;
-  }
-
-  &__input {
-    height: 54px;
-    width: 315.84px;
-    border: 1px solid $geyser;
-    border-radius: 4px;
-    background-color: $white;
-    color: $scorpion;
-    font-size: 16px;
-    line-height: 21px;
-    margin-top: 15px;
-    padding: 0 20px;
-  }
-
-  &__buttons {
-    margin-top: 39px;
-    display: flex;
-    width: 100%;
-    justify-content: space-between;
-  }
-
-  &__button {
-    width: 150px;
-    min-width: initial;
-  }
-}
diff --git a/ui/app/pages/create-account/import-account/index.scss b/ui/app/pages/create-account/import-account/index.scss
new file mode 100644
index 000000000..8ad30cc13
--- /dev/null
+++ b/ui/app/pages/create-account/import-account/index.scss
@@ -0,0 +1,100 @@
+.new-account-import-disclaimer {
+  width: 120%;
+  background-color: #f4f9fc;
+  display: inline-block;
+  align-items: center;
+  padding: 20px 30px 20px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+.new-account-import-form {
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  padding: 0 30px 30px;
+
+  &__select-section {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 29px;
+    width: 100%;
+  }
+
+  &__select-label {
+    color: $scorpion;
+    font-size: 16px;
+    line-height: 21px;
+  }
+
+  &__select {
+    height: 54px;
+    width: 210px;
+    border: 1px solid #d2d8dd;
+    border-radius: 4px;
+    background-color: #fff;
+    display: flex;
+    align-items: center;
+
+    .Select-control,
+    .Select-control:hover {
+      height: 100%;
+      border: none;
+      box-shadow: none;
+
+      .Select-value {
+        display: flex;
+        align-items: center;
+      }
+    }
+  }
+
+  &__private-key-password-container {
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    width: 100%;
+  }
+
+  &__instruction {
+    color: $scorpion;
+    font-size: 16px;
+    line-height: 21px;
+    align-self: flex-start;
+  }
+
+  &__private-key {
+    display: flex;
+    flex-flow: column;
+    align-items: flex-start;
+    margin-top: 34px;
+  }
+
+  &__input-password {
+    height: 54px;
+    width: 315px;
+    border: 1px solid $geyser;
+    border-radius: 4px;
+    background-color: $white;
+    margin-top: 16px;
+    color: $scorpion;
+    font-size: 16px;
+    padding: 0 20px;
+  }
+
+  &__json {
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    margin-top: 29px;
+    width: 100%;
+  }
+
+  &__buttons {
+    margin-top: 39px;
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+  }
+}
diff --git a/ui/app/pages/create-account/index.scss b/ui/app/pages/create-account/index.scss
new file mode 100644
index 000000000..d6b1717e0
--- /dev/null
+++ b/ui/app/pages/create-account/index.scss
@@ -0,0 +1,103 @@
+@import 'connect-hardware/index';
+@import 'import-account/index';
+
+.new-account {
+  width: 375px;
+  background-color: #fff;
+  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08);
+  z-index: 25;
+  height: unset;
+  overflow: auto;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  @media screen and (min-width: 576px) {
+    position: absolute;
+  }
+
+  &__header {
+    display: flex;
+    flex-flow: column;
+    border-bottom: 1px solid $geyser;
+  }
+
+  &__title {
+    color: $tundora;
+    font-size: 32px;
+    font-weight: 500;
+    line-height: 43px;
+    margin-top: 22px;
+    margin-left: 29px;
+  }
+
+  &__tabs {
+    margin-left: 22px;
+    display: flex;
+    margin-top: 10px;
+
+    &__tab {
+      height: 54px;
+      padding: 15px 10px;
+      color: $dusty-gray;
+      font-size: 18px;
+      line-height: 24px;
+      text-align: center;
+      cursor: pointer;
+    }
+
+    &__tab:hover {
+      color: $black;
+      border-bottom: none;
+    }
+
+    &__selected {
+      color: $primary-blue;
+      border-bottom: 3px solid $primary-blue;
+      cursor: initial;
+      pointer-events: none;
+    }
+  }
+}
+
+
+.new-account-create-form {
+  display: flex;
+  flex-flow: column;
+  align-items: center;
+  padding: 30px;
+
+  &__input-label {
+    color: $scorpion;
+    font-size: 16px;
+    line-height: 21px;
+    align-self: flex-start;
+  }
+
+  &__input {
+    height: 54px;
+    width: 315.84px;
+    border: 1px solid $geyser;
+    border-radius: 4px;
+    background-color: $white;
+    color: $scorpion;
+    font-size: 16px;
+    line-height: 21px;
+    margin-top: 15px;
+    padding: 0 20px;
+  }
+
+  &__buttons {
+    margin-top: 39px;
+    display: flex;
+    width: 100%;
+    justify-content: space-between;
+  }
+
+  &__button {
+    width: 150px;
+    min-width: initial;
+  }
+}
diff --git a/ui/app/pages/index.scss b/ui/app/pages/index.scss
index 8154fc77d..bef5f4b83 100644
--- a/ui/app/pages/index.scss
+++ b/ui/app/pages/index.scss
@@ -13,3 +13,4 @@
 @import 'permissions-connect/index';
 @import 'asset/asset';
 @import 'token/index';
+@import 'create-account/index';