diff --git a/lib/common/components/Zippy/zippy.html b/lib/common/components/Zippy/zippy.html
index c296ef4a..4f89c200 100644
--- a/lib/common/components/Zippy/zippy.html
+++ b/lib/common/components/Zippy/zippy.html
@@ -1,7 +1,7 @@
 <div class="zippy zippy-{{type}}" [ng-class]="{'zippy-empty': empty}">
   <div class="zippy-title" (click)="toggle()">
+    <span class="zippy-indicator">{{ visible ? '&blacktriangledown;' : '&blacktriangleright;' }}</span>
     {{title}}
-    <span class="zippy-indicator"> {{ visible ? '&blacktriangledown;' : '&blacktriangleright;' }} </span>
   </div>
   <div class="zippy-content" [ng-class]="{'zippy-hidden': !visible}">
     <ng-content></ng-content>
diff --git a/lib/common/components/Zippy/zippy.scss b/lib/common/components/Zippy/zippy.scss
index 40f93017..97958a38 100644
--- a/lib/common/components/Zippy/zippy.scss
+++ b/lib/common/components/Zippy/zippy.scss
@@ -39,9 +39,10 @@ $zippy-redirect-color: #AC7C09;
 }
 
 span.zippy-indicator {
-  float: left;
   font-size: 1.5em;
-  margin-right: 0.1em;
+  line-height: 1;
+  margin-right: 0.2em;
+  vertical-align: text-bottom;
 }
 
 .zippy-content {