diff --git a/ui/app/css/itcss/components/header.scss b/ui/app/css/itcss/components/header.scss
index 9434d0386..337a8b351 100644
--- a/ui/app/css/itcss/components/header.scss
+++ b/ui/app/css/itcss/components/header.scss
@@ -6,14 +6,14 @@
   height: 12vh;
   max-height: 60px;
   position: relative;
-  z-index: 12;
+  z-index: $header-z-index;
 
   @media screen and (max-width: 575px) {
     position: fixed;
     height: 34px;
     width: 100%;
     box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .08);
-    z-index: 30;
+    z-index: $mobile-header-z-index;
   }
 }
 
diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss
index 91cbfc7dd..87ded35d6 100644
--- a/ui/app/css/itcss/components/send.scss
+++ b/ui/app/css/itcss/components/send.scss
@@ -1,14 +1,19 @@
 .send-screen-wrapper {
   display: flex;
   flex-direction: column;
-  min-width: 355px;
-  // width: 50%;
-  z-index: 50; //TODO
+  min-width: 320px;
+  min-height: 500px;
+  z-index: $send-card-z-index;
   position: absolute;
-  top: 40px;
-  // height: 65%;
+  top: 5%;
+
+  @media screen and (max-width: $break-small) {
+    top: 33px;
+  }
+
 }
 
+
 .send-screen-card {
   display: flex;
   flex-direction: column;
diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss
index c93a38139..2455c43c8 100644
--- a/ui/app/css/itcss/settings/variables.scss
+++ b/ui/app/css/itcss/settings/variables.scss
@@ -31,9 +31,11 @@ $silver-chalice: #aeaeae;
  */
 
 // Planned
-$dropdown-z: 30;
-$container-z: 15;
-$header-z: 12;
+$dropdown-z-index: 30;
+$container-z-index: 15;
+$header-z-index: 12;
+$mobile-header-z-index: 16;
+$send-card-z-index: 20;
 
 /*
   Z Indicies - Current