diff --git a/src/components/basicUIElements/view/walletLineItem/walletLineItemView.js b/src/components/basicUIElements/view/walletLineItem/walletLineItemView.js
index ee6d41d76..5a4765b61 100644
--- a/src/components/basicUIElements/view/walletLineItem/walletLineItemView.js
+++ b/src/components/basicUIElements/view/walletLineItem/walletLineItemView.js
@@ -21,9 +21,10 @@ const WalletLineItem = ({
   text,
   textColor,
   index,
+  style,
 }) => (
-  <GrayWrapper isGray={index % 2 === 0}>
-    <View style={[styles.container, fitContent && styles.fitContent]}>
+  <GrayWrapper isGray={index && index % 2 !== 0}>
+    <View style={[styles.container, fitContent && styles.fitContent, style]}>
       <View style={styles.iconTextWrapper}>
         {iconName && (
           <View
diff --git a/src/components/transaction/view/transactionView.js b/src/components/transaction/view/transactionView.js
index 7a677c685..eefa4c8ea 100644
--- a/src/components/transaction/view/transactionView.js
+++ b/src/components/transaction/view/transactionView.js
@@ -8,7 +8,7 @@ import { groomingTransactionData } from '../../../utils/wallet';
 import { getTimeFromNow } from '../../../utils/time';
 
 // Components
-// import { FilterBar } from '../../filterBar';
+import { FilterBar } from '../../filterBar';
 import { WalletLineItem, Card } from '../../basicUIElements';
 import { CollapsibleCard } from '../../collapsibleCard';
 
@@ -39,15 +39,14 @@ class TransactionView extends PureComponent {
     return (
       <Fragment>
         {/* this feature not implemented yet */}
-        {/* <FilterBar
+        <FilterBar
           dropdownIconName="arrow-drop-down"
           options={['ALL TRANSACTIONS', 'VOTES', 'REPLIES']}
           defaultText="ALL TRANSACTIONS"
           onDropdownSelect={() => this._handleOnDropdownSelect()}
           rightIconName="ios-lock"
           iconSize={16}
-          if (index % 2 === 0) {
-        /> */}
+        />
         <Card>
           {transactions
             && transactions.map((item, index) => {
diff --git a/src/components/walletDetails/view/walletDetailsStyles.js b/src/components/walletDetails/view/walletDetailsStyles.js
index ec53ec3cb..c4a4dbc24 100644
--- a/src/components/walletDetails/view/walletDetailsStyles.js
+++ b/src/components/walletDetails/view/walletDetailsStyles.js
@@ -7,4 +7,8 @@ export default EStyleSheet.create({
   blackText: {
     color: '$primaryBlack',
   },
+  walletLineDetail: {
+    marginBottom: 15,
+    marginTop: 0,
+  },
 });
diff --git a/src/components/walletDetails/view/walletDetailsView.js b/src/components/walletDetails/view/walletDetailsView.js
index f291c8be1..a1bfbdc54 100644
--- a/src/components/walletDetails/view/walletDetailsView.js
+++ b/src/components/walletDetails/view/walletDetailsView.js
@@ -39,7 +39,7 @@ class WalletDetailsView extends PureComponent {
           rightText={`${Math.round(walletData.balance * 1000) / 1000} STEEM`}
           isBoldText
         />
-        <GrayWrapper>
+        <GrayWrapper isGray>
           <WalletLineItem
             text={intl.formatMessage({
               id: 'profile.steem_power',
@@ -57,6 +57,7 @@ class WalletDetailsView extends PureComponent {
               rightText={`- ${Math.round(
                 vestsToSp(walletData.vestingSharesDelegated, walletData.steemPerMVests) * 1000,
               ) / 1000} SP`}
+              style={styles.walletLineDetail}
             />
           )}
           {walletData.vestingSharesReceived > 0 && (
@@ -64,6 +65,7 @@ class WalletDetailsView extends PureComponent {
               rightText={`+ ${Math.round(
                 vestsToSp(walletData.vestingSharesReceived, walletData.steemPerMVests) * 1000,
               ) / 1000} SP`}
+              style={styles.walletLineDetail}
             />
           )}
           {(walletData.vestingSharesDelegated > 0 || walletData.vestingSharesReceived > 0) && (
@@ -72,6 +74,7 @@ class WalletDetailsView extends PureComponent {
                 vestsToSp(walletData.vestingSharesTotal, walletData.steemPerMVests) * 1000,
               ) / 1000} SP`}
               rightTextColor="#357ce6"
+              style={styles.walletLineDetail}
             />
           )}
         </GrayWrapper>
@@ -85,7 +88,7 @@ class WalletDetailsView extends PureComponent {
           rightText={`$${Math.round(walletData.sbdBalance * 1000) / 1000}`}
           isBoldText
         />
-        <GrayWrapper>
+        <GrayWrapper isGray>
           <WalletLineItem
             text={intl.formatMessage({
               id: 'profile.savings',
@@ -95,7 +98,10 @@ class WalletDetailsView extends PureComponent {
             rightText={`${Math.round(walletData.savingBalance * 1000) / 1000} STEEM`}
             isBoldText
           />
-          <WalletLineItem rightText={`$${Math.round(walletData.savingBalanceSbd * 1000) / 1000}`} />
+          <WalletLineItem
+            rightText={`$${Math.round(walletData.savingBalanceSbd * 1000) / 1000}`}
+            style={styles.walletLineDetail}
+          />
         </GrayWrapper>
         {walletData.showPowerDown && (
           <WalletLineItem