Constrain gray border to btn-secondary (the gray one); it looked strange around other classes, though we can certainly add color-appropriate borders to those if we need.

client/galaxy/scripts/components/Citations.vue

@@ -2,11 +2,11 @@
     <div class="toolForm">
         <div class="toolFormTitle">
             Citations
-            <button v-if="viewRender" v-on:click="toggleViewRender" type="button" class="btn btn-sm citations-to-bibtex" title="Show all in BibTeX format.">
+            <button v-if="viewRender" v-on:click="toggleViewRender" type="button" class="btn btn-sm btn-secondary citations-to-bibtex" title="Show all in BibTeX format.">
                 <i class="fa fa-pencil-square-o"></i>
                 Show BibTeX
             </button>
-            <button v-else type="button" v-on:click="toggleViewRender" class="btn btn-sm citations-to-formatted" title="Return to formatted citation list.">
+            <button v-else type="button" v-on:click="toggleViewRender" class="btn btn-sm btn-secondary citations-to-formatted" title="Return to formatted citation list.">
                 <i class="fa fa-times"></i>
                 Hide BibTeX
             </button>

client/galaxy/style/scss/galaxy_bootstrap/overrides.scss

@@ -18,6 +18,9 @@ pre {
 // Allow text in buttons to wrap
 .btn {
     white-space: normal;
+}
+
+.btn-secondary {
     border: 1px solid $border-default-color;
 }
 

static/style/blue/base.css

@@ -8985,7 +8985,10 @@ pre {
 
 .btn, input[type="submit"],
 button, .action-button, .menubutton {
-  white-space: normal;
+  white-space: normal; }
+
+.btn-secondary, input[type="submit"],
+button, .action-button, .menubutton {
   border: 1px solid #bfbfbf; }
 
 .dropdown-menu {