diff --git a/static/css/quay.css b/static/css/quay.css
index f953428a2..7c0378167 100644
--- a/static/css/quay.css
+++ b/static/css/quay.css
@@ -3451,8 +3451,8 @@ pre.command:before {
   display: inline-block;
 }
 
-.auth-scopes .scope .title:hover {
-  color: #428bca;
+.auth-scopes .scope .title a {
+  color: #444;
 }
 
 .auth-scopes .scope .description {
@@ -3462,9 +3462,20 @@ pre.command:before {
 .auth-scopes .scope i {
   margin-right: 10px;
   margin-top: 2px;
+}
+
+.auth-scopes .scope i.fa-lg {
   font-size: 24px;
 }
 
+.auth-scopes .title i.arrow:before {
+  content: "\f0d7";
+}
+
+.auth-scopes .title.collapsed i.arrow:before {
+  content: "\f0da" !important;
+}
+
 .auth-container .button-bar {
   margin-top: 10px;
   padding-top: 10px;
diff --git a/templates/oauthorize.html b/templates/oauthorize.html
index e7cdb900b..ca97324c5 100644
--- a/templates/oauthorize.html
+++ b/templates/oauthorize.html
@@ -22,8 +22,9 @@
           <div class="panel-heading">
             <h4 class="panel-title">
                 <div class="title-container">
-                  <i class="fa {{ scope.icon }} fa-lg"></i>
-                  <div class="title" data-toggle="collapse" data-parent="#scopeGroup" data-target="#description-{{ index }}">
+                  <div class="title collapsed" data-toggle="collapse" data-parent="#scopeGroup" data-target="#description-{{ index }}">
+                    <i class="fa arrow"></i>
+                    <i class="fa {{ scope.icon }} fa-lg"></i>
                     <a data-toggle="collapse" href="#collapseOne">
                       {{ scope.title }}
                     </a>