diff --git a/_includes/layout/base/wallets-list.html b/_includes/layout/base/wallets-list.html
index 350b2689..8c9bdc61 100644
--- a/_includes/layout/base/wallets-list.html
+++ b/_includes/layout/base/wallets-list.html
@@ -3,13 +3,14 @@ This file is licensed under the MIT License (MIT) available on
 http://opensource.org/licenses/MIT.
 {% endcomment %}
 
-<div class="wallets" id="wallets" onclick="walletListener(event);" ontouchstart="walletListener(event);">
+<div class="wallet-list" id="wallets" onclick="walletListener(event);" ontouchstart="walletListener(event);">
 {% for wallet in site.wallets %}
   {% assign platform = page.platform['name'] %}
   {% assign os = page.os['name'] %}
   {% if wallet.compat contains platform and wallet.compat contains os %}
-    <div data-walletlevel="{{ wallet.level }}">
-      <a href="/{{ page.lang}}/wallets/{{ platform }}/{{ os }}/{{ wallet.id }}/">
+    <div class="wallet-list-item" data-walletlevel="{{ wallet.level }}">
+      <a class="wallet-list-item-link"
+         href="/{{ page.lang}}/wallets/{{ platform }}/{{ os }}/{{ wallet.id }}/">
         <img src="/img/wallet/{{ wallet.id }}.png" alt="{{ wallet.title }}" />
         {{ wallet.titleshort }}
       </a>
diff --git a/_sass/_wallets.scss b/_sass/_wallets.scss
index b45a8309..bd83cd6b 100644
--- a/_sass/_wallets.scss
+++ b/_sass/_wallets.scss
@@ -1,231 +1,81 @@
-.wallets {
-    width: 705px;
-    height: 250px;
-    text-align: left;
-    position: relative;
+$green: #329239;
+$grey: #8b8b8b;
+$red: #ee9209;
+$blue: #2c6faf;
+$dark-blue: #255f96;
+$light-blue: #63a4e1;
+$lightest-blue: #f0f8ff;
+
+@mixin button {
+    background-color: transparent;
+    font-weight: bold;
+    border: 1px solid $dark-blue;
+    margin-right: 10px;
+    text-decoration: none;
+    padding: 4px 8px;
+    border-radius: 4px;
+    text-align: center;
+    display: inline-block;
+    margin-bottom: 10px;
+}
+
+@mixin active-button {
+    background-color: $blue;
+    background-image: -o-linear-gradient(bottom, $dark-blue 14%, $blue 70%);
+    background-image: -moz-linear-gradient(bottom, $dark-blue 14%, $blue 70%);
+    background-image: -webkit-linear-gradient(bottom, $dark-blue 14%, $blue 70%);
+    background-image: -ms-linear-gradient(bottom, $dark-blue 14%, $blue 70%);
+    background-image: linear-gradient(bottom, $dark-blue 14%, $blue 70%);
+    color: #fff;
+
+    &:hover {
+        background-color: $light-blue;
+        background-image: none;
+    }
+}
+
+.wallet-list {
     margin: auto;
     padding: 60px 0 20px 0;
-    font-size: 0;
-    opacity: 1;
-    -moz-transition: opacity 400ms ease-out;
-    -webkit-transition: opacity 400ms ease-out;
-    transition: opacity 400ms ease-out;
-}
-.wallets.disabled {
-    opacity: 0;
-}
-.wallets > div {
-    display: inline-block;
-    vertical-align: top;
-    font-size: 16px;
-}
-.wallets > div:nth-child(1n + 15) {
-    display: none;
-}
-.wallets > div > a {
-    color: #2c6fad;
-    cursor: pointer;
-    font-size: 94%;
     text-align: center;
-    text-decoration: none;
-    font-weight: bold;
-    width: 72px;
-    height: 110px;
-    display: inline-block;
-    vertical-align: top;
-    position: relative;
-    margin: 0 14px 20px 14px;
-    white-space: nowrap;
-    outline: 0;
-    -moz-transition: opacity 400ms ease-out;
-    -webkit-transition: opacity 400ms ease-out;
-    transition: opacity 400ms ease-out;
-}
-.wallets > div > a:hover {
-    color: #63a4e1;
-}
-.wallets > div > a > span {
-    display: none;
-    position: absolute;
-    z-index: 100;
-    height: 32px;
-    background: url(/img/icons/wallet_bubble.svg) no-repeat center 0;
-    top: 0;
-    left: 0;
-    right: 0;
-}
-.wallets > div > a > img {
-    display: block;
-    width: 72px;
-    height: 72px;
-    margin: auto;
-    margin-bottom: 5px;
-}
-.wallets > div > div,
-.wallets > div > span {
-    opacity: 0;
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    visibility: hidden;
-    display: inline-block;
-    position: absolute;
-    padding: 20px;
-    top: -382px;
-    left: -20px;
-    right: -20px;
-    -moz-transition: opacity 400ms ease-out;
-    -webkit-transition: opacity 400ms ease-out;
-    transition: opacity 400ms ease-out;
-}
-.wallets > div > span {
-    z-index: 100;
-    border: solid 2px #2c6faf;
-    background-color: #f1f8fb;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-}
-.wallets > div > div {
-    z-index: 102;
-}
-.wallets > div:nth-child(1n + 7) > div,
-.wallets > div:nth-child(1n + 7) > span {
-    top: -252px;
-}
-.wallets > div:nth-child(1n + 13) > div,
-.wallets > div:nth-child(1n + 13) > span {
-    top: -92px;
-}
-.wallets > div > div > h2 {
-    margin: 0;
-    text-align: left;
-    display: inline-block;
-}
-.wallets > div > div > h2:first-child + div {
-    display: inline-block;
-    margin-left: 10px;
-}
-.wallets > div > div > h2:first-child + div > img {
-    margin-left: 4px;
-}
-.wallets > div > div > h2:first-child + div + div > a {
-    display: inline-block;
-    text-decoration: none;
-    margin: 10px 0;
-    padding: 4px 8px;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-}
-.wallets > div > div > h2:first-child + div + div > a:first-child {
-    font-weight: bold;
-    background-color: #2c6fad;
-    background-image: -o-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-    background-image: -moz-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-    background-image: -webkit-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-    background-image: -ms-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-    background-image: linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-    border: 1px solid #255f96;
-    margin-right: 10px;
-}
-.wallets > div > div > h2:first-child + div + div > a:first-child,
-.wallets > div > div > h2:first-child + div + div > a:first-child:visited,
-.wallets > div > div > h2:first-child + div + div > a:first-child:link,
-.wallets > div > div > h2:first-child + div + div > a:first-child:active {
-    color: #fff;
-}
-.wallets > div > div > h2:first-child + div + div > a:first-child + a {
-    font-weight: normal;
-    color: #255f96;
-    border: 1px solid #255f96;
-}
-.wallets > div > div > h2:first-child + div + div > a:first-child + a,
-.wallets > div > div > h2:first-child + div + div > a:first-child + a:visited,
-.wallets > div > div > h2:first-child + div + div > a:first-child + a:link,
-.wallets > div > div > h2:first-child + div + div > a:first-child + a:active {
-    color: #255f96;
-}
-.wallets > div > div > h2:first-child + div + div + div {
-    margin: 5px 0;
-}
-.wallets > div > div > h2:first-child + div + div + div > div {
-    padding: 5px 0 5px 22px;
-    background-repeat: no-repeat;
-    background-position: left 4px;
-    cursor: default;
-    line-height: 16px;
-}
-.wallets > div > div > h2:first-child + div + div + div > div > div {
-    display: inline-block;
-    background-image: url(/img/icons/wallet_help.png);
-    background-image: none, url(/img/icons/wallet_help.svg), url(/img/icons/wallet_help.png);
-    width: 16px;
-    height: 16px;
-    margin-left: 5px;
-    vertical-align: top;
-    position: relative;
-}
-.wallets > div > div > h2:first-child + div + div + div > div > div > span {
-    display: none;
-    position: absolute;
-    left: 6px;
-    top: -30px;
-    width: 25px;
-    height: 70px;
-    z-index: 90;
-    background-repeat: no-repeat;
-    background-position: right 30px;
-}
-.wallets > div > div > h2:first-child + div + div + div > div > div > p,
-.wallets > div > div > h2:first-child + div + div + div > div > div > div {
-    opacity: 0;
-    width: 0;
-    height: 0;
-    overflow: hidden;
-    border: 1px solid;
-    visibility: hidden;
-    position: absolute;
-    background-color: #fff;
-    left: 30px;
-    margin: 0;
-    -moz-transition: opacity 400ms ease-out;
-    -webkit-transition: opacity 400ms ease-out;
-    transition: opacity 400ms ease-out;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    z-index: 90;
-}
-.wallets > div > div > h2:first-child + div + div + div > div > div > p {
-    font-size: 85%;
-    padding: 10px;
-    top: -30px;
-}
-.wallets > div > div > h2:first-child + div + div + div > div > div > div {
-    padding: 0 10px;
-    top: -80px;
-}
-.wallets > div > div > h2:first-child + div + div + div > div > div > div > div > p:first-child + p {
-    font-size: 85%;
-}
-.wallets > div > div > h2:first-child + div + div + div + p {
-    font-size: 95%;
-    margin: 0;
-    padding-right: 5px;
-    height: 137px;
-    width: 320px;
-    overflow: auto;
-}
-.wallets > div > div > h2:first-child + div + div + div + p + div {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    height: 400px;
-    width: 250px;
-}
-.wallets > div > div > h2:first-child + div + div + div + p + div > img {
-    border: 1px solid #BDBDBD;
+
+    .wallet-list-item {
+        display: inline-block;
+
+        .wallet-list-item-link {
+            color: $blue;
+            text-align: center;
+            text-decoration: none;
+            font-weight: bold;
+            width: 75px;
+            display: inline-block;
+            vertical-align: top;
+            margin: 0 14px 20px;
+            white-space: nowrap;
+            outline: 0;
+
+            &:hover {
+                color: $light-blue;
+
+                img {
+                    opacity: 0.9;
+                }
+            }
+
+            img {
+                display: block;
+                width: 72px;
+                height: 72px;
+                margin: auto;
+                margin-bottom: 5px;
+                transition: opacity .12s ease-in;
+            }
+        }
+    }
+
+    &:nth-child(1n + 15) {
+        display: none;
+    }
 }
 
 // ----------------------------- new
@@ -238,12 +88,6 @@ $checks:
     fees,
     privacy;
 
-$green: #329239;
-$grey: #8b8b8b;
-$red: #ee9209;
-$blue: #2c6faf;
-$light-blue: #f0f8ff;
-
 $scores:
     good $green bold,
     pass $green normal,
@@ -272,27 +116,10 @@ $scores:
             margin-bottom: 20px;
 
             .wallet-os-btn {
-                background-color: transparent;
-                font-weight: bold;
-                border: 1px solid #255f96;
-                margin-right: 10px;
-                text-decoration: none;
-                padding: 4px 8px;
-                border-radius: 4px;
-                text-align: center;
+                @include button;
 
                 &.active {
-                    background-color: #2c6fad;
-                    background-image: -o-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-                    background-image: -moz-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-                    background-image: -webkit-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-                    background-image: -ms-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-                    background-image: linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-                    color: #fff;
-
-                    &:hover {
-                        background-image: none;
-                    }
+                    @include active-button;
                 }
 
                 span {
@@ -302,12 +129,13 @@ $scores:
         }
 
         .wallet-os-container {
-            background-color: $light-blue;
+            background-color: $lightest-blue;
             padding: 20px;
             border: 2px solid $blue;
             border-radius: 4px;
             margin-bottom: 20px;
             display: flex;
+            flex-wrap: wrap;
 
             &.hidden {
                 display: none;
@@ -340,30 +168,11 @@ $scores:
 
                     .wallet-os-source-link,
                     .wallet-os-download-link {
-                        font-weight: bold;
-                        border: 1px solid #255f96;
-                        margin-right: 10px;
-                        text-decoration: none;
-                        padding: 4px 8px;
-                        border-radius: 4px;
-                        text-align: center;
+                        @include button;
                     }
 
                     .wallet-os-download-link {
-                        background-color: #2c6fad;
-                        background-image: -o-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-                        background-image: -moz-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-                        background-image: -webkit-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-                        background-image: -ms-linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-                        background-image: linear-gradient(bottom, #255f96 14%, #2c6fad 70%);
-                        color: #fff;
-
-                        &:hover {
-                            background-image: none;
-                        }
-                    }
-
-                    .wallet-os-source-link {
+                        @include active-button;
                     }
                 }
 
@@ -385,25 +194,36 @@ $scores:
                         cursor: pointer;
                     }
 
+                    .wallet-os-check-details {
+                        max-height: 0px;
+                        overflow: hidden;
+                        background-color: #FFFFFF;
+                        transition: all .24s ease-in;
+                        font-size: 85%;
+                        p {
+                            margin: 0;
+                            text-align: left;
+                        }
+                    }
+
                     .hover {
                         .wallet-os-check-details {
                             z-index: 100;
-                            display: block;
+                            max-height: 500px;
                             border: 2px solid;
                             border-radius: 4px;
                             margin: 10px 0;
                             padding: 10px;
-                        }
-                    }
 
-                    .wallet-os-check-details {
-                        display: none;
-                        position: absolute;
-                        background-color: #FFFFFF;
-                        max-width: 350px;
-                        p {
-                            margin: 0;
-                            text-align: left;
+                            // This is for privacy checks
+                            > div {
+                                padding: 0;
+
+                                // This is the privacy check item title
+                                &:first-child {
+                                    font-weight: bold;
+                                }
+                            }
                         }
                     }
                 }
@@ -415,7 +235,7 @@ $scores:
     @each $score, $color, $font-weight in $scores {
         .check#{$score} {
             background-repeat: no-repeat;
-            background-position-y: center;
+            background-position-y: 5px;
             padding-left: 25px;
             margin-bottom: 10px;
 
@@ -450,50 +270,10 @@ $scores:
     }
 }
 
-.wallets > div:hover > a > span,
-.wallets > div.active > a > span,
-.wallets.nohover > div.active:hover > a > span {
-    display: block;
-}
-.wallets.nohover > div:hover > a > span {
-    display: none;
-}
-.wallets > div:hover > div,
-.wallets > div:hover > span,
-.wallets > div.active > div,
-.wallets > div.active > span,
-.wallets.nohover > div.active:hover > div,
-.wallets.nohover > div.active:hover > span {
-    opacity: 1;
-    width: auto;
-    height: 400px;
-    visibility: visible;
-    overflow: visible;
-}
-.wallets.nohover > div:hover > div,
-.wallets.nohover > div:hover > span {
-    opacity: 0;
-    width: 0;
-    height: 0;
-    visibility: hidden;
-}
-.wallets > div > div > h2:first-child + div + div > a:first-child:hover {
-    background-image: none;
-}
-.wallets > div > div > h2:first-child + div + div + div > div:hover > div > span {
-    display: block;
-}
-.wallets > div > div > h2:first-child + div + div + div > div:hover > div > p,
-.wallets > div > div > h2:first-child + div + div + div > div:hover > div > div {
-    opacity: 1;
-    width: 400px;
-    height: auto;
-    visibility: visible;
-}
-
 .walletsswitch {
     display: none;
 }
+
 .walletsmobile {
     display: none;
 }