diff --git a/src/app/components/familycards/extra2box/extra2box.component.scss b/src/app/components/familycards/extra2box/extra2box.component.scss
index 2db3b44..f76c64c 100644
--- a/src/app/components/familycards/extra2box/extra2box.component.scss
+++ b/src/app/components/familycards/extra2box/extra2box.component.scss
@@ -1,23 +1,29 @@
 .extra-grid{
   margin: 10px 0px 10px 0px;
   padding: 0px;
-  height: 150px;
+  height: 120px;
   .ext-col{
     padding: 5px;
 
     //background-color: #2dd36f;
-    height: 150px;
+    height: 120px;
     .ext-in{
       &.l{
-        background-image: linear-gradient(to right, #1f1f3b, #152f49,#152f49,#1f1f3b);
+        background-color:  #1f1f3b;
+        //background-image: linear-gradient(to right, #1f1f3b, #152f49,#152f49,#1f1f3b);
+        background-image: url("https://www.wrenchboard.com/assets/images/apps/xt/add-kids.png");
+        background-size: cover;
         color: white;
       }
       &.r{
-        background-image: linear-gradient(to right, #866508, #906D0B,#866508);
+        background-color:  #866508;
+        //background-image: linear-gradient(to right, #866508, #906D0B,#866508);
+        background-image: url("https://www.wrenchboard.com/assets/images/apps/xt/wallet.png");
+        background-size: cover;
         color: white;
       }
       background-color: antiquewhite;
-      height: 140px;
+      height: 110px;
       border-radius: 10px;
 
       box-shadow: 1px 1px lightgray;
@@ -26,7 +32,8 @@
       .ban-text{
         font-size: 24px;
         font-weight: bolder;
-        padding-top: 80px;
+        padding-top: 60px;
+        padding-left: 20px;
         // color: #8b198e;
       }