Opt for calculated values in absolutely positioned caret

ui/app/components/wallet-view.js

@@ -58,7 +58,7 @@ WalletView.prototype.render = function () {
 
       h('div.flex-column.flex-center', {
         style: {
-         // constrains size of absolutely positioned wrappers
+          // constrains size of absolutely positioned wrappers
           position: 'relative',
         },
       }, [
@@ -83,7 +83,10 @@ WalletView.prototype.render = function () {
         h(AccountDropdowns, {
           style: {
             position: 'absolute',
-            left: '66.5%',
+            left: 'calc(50% + 28px + 5.5px)',
+            // left: '42px',
+            // top: '-10px'
+            // left: '66.5%',
             top: '19.5%',
           },
           selected,

ui/app/css/itcss/components/hero-balance.scss

@@ -3,6 +3,7 @@ $break-medium: 780px;
 $break-large: 576px;
 
 .hero-balance {
+
   @media screen and (max-width: $break-small) {
     display: flex;
     flex-direction: column;
@@ -90,7 +91,9 @@ $break-large: 576px;
         min-height: 28px;
         font-size: .7em;
       }
+
     }
 
   }
+
 }