diff --git a/src/app/app.component.html b/src/app/app.component.html
index 52feac3f..c7767dea 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -17,7 +17,11 @@
         <button class="nav-text" clrDropdownToggle>
           <cds-icon shape="layers" solid></cds-icon>
           {{ ctx.scheduledEventName }}
-          <cds-icon shape="angle" direction="down"></cds-icon>
+          <cds-icon
+            shape="angle"
+            direction="down"
+            class="dropdown-selection-angle"
+          ></cds-icon>
         </button>
         <clr-dropdown-menu *clrIfOpen clrPosition="bottom">
           <a
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 7d31c357..2549c6ef 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -156,3 +156,9 @@
   float: right;
   position: relative;
 }
+
+.dropdown
+  .dropdown-toggle.nav-text
+  > cds-icon[shape^='angle'].dropdown-selection-angle {
+  right: 0.5rem;
+}