diff --git a/_layouts/install.html b/_layouts/install.html
index 51e43166..822b42bc 100644
--- a/_layouts/install.html
+++ b/_layouts/install.html
@@ -3,5 +3,5 @@
 ---
 {{ content }}
 <a href="/problem.html" class="help-button-holder">
-  <i class="fa fa-question fa-lg help-button"></i>
+  <i class="help-button" title="Hilfe bei der Installation">?</i>
 </a>
diff --git a/css/custom.css b/css/custom.css
index 43125fd5..86d058df 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -165,24 +165,31 @@ pre.highlight {
 
 .help-button-holder{
   position: fixed;
-  width:  60px;
-  height: 60px;
+  width:  55px;
+  height: 55px;
   bottom: 40px;
   right:  40px;
   color:  #fff;
   background-color: var(--pep-gray);
   border-radius: 50px;
   text-align: center;
+  text-decoration: none;
   box-shadow: 2px 2px 3px #999;
+  transition: all ease 0.25s;
 }
 
 .help-button-holder:hover {
   color:            #fff;
-  background-color: #333;
-  border-color:     #333;
+  background-color: var(--pep-yellow);
+  border-color:     var(--pep-yellow);
+  text-decoration:  none;
 }
 
 .help-button{
-  margin-top: 22px;
+  line-height: 55px;
+  font-size: 2em;
+  font-style: normal;
+  font-weight: bold;
+  text-decoration: none;
 }