diff --git a/_layouts/wallet-container.html b/_layouts/wallet-container.html
index 6eb2d5a6..2fe7058c 100644
--- a/_layouts/wallet-container.html
+++ b/_layouts/wallet-container.html
@@ -23,24 +23,24 @@ max_wallet_text_length: 418 ## Unicode characters
         </div>
         {% assign features = page.os.features | split: " " %}
         <div class="features-elements">
-          {% for feature in features %}
+          {% for featureName in features %}
             <div class="features-element">
               <div class="left-column">
                 <img src="/img/icons/checked.svg" alt="checked" />
                 <p class="features-text">
-                  {% translate wizard-feature-{{feature}} choose-your-wallet %}
+                  {% translate wizard-feature-{{featureName}} choose-your-wallet %}
                 </p>
               </div>
               <div class="information-icon">
-                <img src="/img/icons/information.svg" alt="information" onclick="showModal({{feature}})" />
+                <img src="/img/icons/information.svg" alt="information" onclick="showModal('feature-{{featureName}}')" />
                 <div class="features-tooltip-overlay"></div>
-                <div id="{{feature}}" class="tooltip features-tooltip">
-                  <div class="close-btn" onclick="closeModal({{feature}})">×</div>
+                <div id="feature-{{featureName}}" class="tooltip features-tooltip">
+                  <div class="close-btn" onclick="closeModal('feature-{{featureName}}')">×</div>
                   <div class="tooltip-title">
-                    {% translate wizard-feature-{{feature}} choose-your-wallet %}:
+                    {% translate wizard-feature-{{featureName}} choose-your-wallet %}:
                   </div>
                   <div class="tooltip-text">                
-                    {% translate wizard-feature-{{feature}}-description choose-your-wallet %}
+                    {% translate wizard-feature-{{featureName}}-description choose-your-wallet %}
                   </div>
                 </div>
               </div>
@@ -275,13 +275,15 @@ max_wallet_text_length: 418 ## Unicode characters
   });
 
   function showModal(feature) {
+    var tooltip = document.getElementById(feature);
     tooltipsOverlay.style.display = "block";
-    feature.style.display = "block";
+    tooltip.style.display = "block";
   }
 
   function closeModal(feature) {
+    var tooltip = document.getElementById(feature);
     tooltipsOverlay.style.display = "none";
-    feature.style.display = "none";
+    tooltip.style.display = "none";
   }
 
   function selectRelevantTab(os) {
diff --git a/_sass/_wallets.scss b/_sass/_wallets.scss
index 78e0874c..7c5033e7 100644
--- a/_sass/_wallets.scss
+++ b/_sass/_wallets.scss
@@ -240,7 +240,7 @@ $scores: good $black 600, pass $black 600, neutral $black 600, fail $black 600;
 .features-element {
   display: flex;
   padding: 15px 0;
-  margin-left: 50px;
+  margin-left: 40px;
 }
 .feature-header {
   border-top: 1px solid #DADADA;