diff --git a/resources/assets/less/metager/quicktips.less b/resources/assets/less/metager/quicktips.less
index a6fd9bb439399680c8c43f32ac8f632ce693d646..764f0a7160df45872a57096c7ffa66c3684a3600 100644
--- a/resources/assets/less/metager/quicktips.less
+++ b/resources/assets/less/metager/quicktips.less
@@ -3,11 +3,19 @@
 #quicktips {
     display: flex;
     flex-direction: column;
-    details[open=""] .quicktip-extender {
-        animation-name: quicktip-extender-turn;
-        animation-fill-mode: forwards;
-    }
     .quicktip {
+        position: relative;
+        .quicktip-extender {
+            position: absolute;
+            top: 5px;
+            right: 5px;
+            color: #777;
+            font-size: 20px;
+        }
+        details[open=""] .quicktip-extender {
+            animation-name: quicktip-extender-turn;
+            animation-fill-mode: forwards;
+        }
         margin: 10px 0px;
         padding: 10px 10px 10px 10px;
         width: 100%;
@@ -29,11 +37,6 @@
                 font-size: 18px;
                 display: flex;
                 justify-content: space-between;
-                .quicktip-extender {
-                    margin-left: 10px;
-                    color: #777;
-                    font-size: 20px;
-                }
             }
             p {
                 font-size: 16px;
diff --git a/resources/views/parts/quicktip.blade.php b/resources/views/parts/quicktip.blade.php
index 2841b77128e5b5172071ccd2eeb00e0a914027cf..240123d84afefa76d0af38219159a42766ce59ba 100644
--- a/resources/views/parts/quicktip.blade.php
+++ b/resources/views/parts/quicktip.blade.php
@@ -1,6 +1,7 @@
 @if (sizeof($quicktip->details) > 0)
   <details>
     <summary class="quicktip-summary">
+      <i class="quicktip-extender fa fa-chevron-down"></i>
       @if ($quicktip->title != "")
         <h1>
           @if ($quicktip->link != "")