src/app/common/components/phone-input/phone-input.component.scss

@@ -4,8 +4,20 @@
 m-phone-input {
  position: relative;
  display: inline-flex;
+ margin-bottom: $minds-padding;
+ @media (max-width: $max-mobile) {
+ width: 100%;
+ input {
+ width: 100%;
+ }
+ }
 
  .m-phone-input--wrapper {
+ display: flex;
+ @media (min-width: $max-mobile) {
+ flex-flow: row wrap;
+ justify-content: flex-end;
+ }
  margin-bottom: $minds-padding;
  @include m-theme() {
  background-color: themed($m-white);

src/app/modules/wallet/tokens/onboarding/onboarding.component.scss

 .m-token--onboarding {
+ @media screen and (max-width: $max-mobile) {
+ h2 {
+ line-height: 30px;
+ font-size: 20px;
+ }
+ }
  .m-token--onboarding--slide {
  padding: 24px;
  display: flex;
@@ -24,6 +30,9 @@
  line-height: 20px;
  margin: 8px 0 16px;
  padding: 0;
+ @media screen and (max-width: $max-mobile) {
+ font-size: 12px;
+ }
 
  &.m-token--onboarding--subtext-note {
  font-size: 12px;

src/app/modules/wallet/tokens/onboarding/rewards/rewards.component.scss

@@ -52,7 +52,15 @@
 }
 
 .m-token--onboarding--slide {
+ @media (max-width: $max-mobile) {
+ div p {
+ font-size: 12pt;
+ }
+ }
  .m-phone-input {
+ @media (max-width: $max-mobile) {
+ width: 100%;
+ }
  input {
  max-width: 140px;
  }