diff --git a/app/assets/javascripts/templateFolderForm.js b/app/assets/javascripts/templateFolderForm.js
index 00884004a..f2b54d864 100644
--- a/app/assets/javascripts/templateFolderForm.js
+++ b/app/assets/javascripts/templateFolderForm.js
@@ -82,7 +82,7 @@
         this.render();
       }
 
-      this.$form.on('click', 'button.usa-button', (event) => this.actionButtonClicked(event));
+      this.$form.on('click', 'button.usa-button--event', (event) => this.actionButtonClicked(event));
       this.$form.on('change', 'input[type=checkbox]', () => this.templateFolderCheckboxChanged());
     };
 
@@ -149,7 +149,7 @@
     this.makeButton = (text, opts) => {
       let $btn = $('<a href=""></a>')
                     .html(text)
-                    .addClass('usa-link font-body-sm margin-left-1 js-cancel')
+                    .addClass('usa-link js-cancel')
                     // isn't set if cancelSelector is undefined
                     .data('target', opts.cancelSelector || undefined)
                     .attr('tabindex', '0')
@@ -299,10 +299,10 @@
     this.nothingSelectedButtons = $(`
       <div id="nothing_selected">
         <div class="js-stick-at-bottom-when-scrolling">
-          <button class="usa-button" value="add-new-template" aria-expanded="false">
+          <button class="usa-button usa-button--event" value="add-new-template" aria-expanded="false">
             New template
           </button>
-          <button class="usa-button" value="add-new-folder" aria-expanded="false">New folder</button>
+          <button class="usa-button usa-button--event" value="add-new-folder" aria-expanded="false">New folder</button>
           <div class="template-list-selected-counter">
             <span class="template-list-selected-counter__count" aria-hidden="true">
               ${this.selectionStatus.default}
@@ -315,10 +315,10 @@
     this.itemsSelectedButtons = $(`
       <div id="items_selected">
         <div class="js-stick-at-bottom-when-scrolling">
-          <button class="usa-button" value="move-to-existing-folder" aria-expanded="false">
+          <button class="usa-button usa-button--event" value="move-to-existing-folder" aria-expanded="false">
             Move<span class="usa-sr-only"> selection to folder</span>
           </button>
-          <button class="usa-button" value="move-to-new-folder" aria-expanded="false">Add to new folder</button>
+          <button class="usa-button usa-button--event" value="move-to-new-folder" aria-expanded="false">Add to new folder</button>
           <div class="template-list-selected-counter" aria-hidden="true">
             <span class="template-list-selected-counter__count" aria-hidden="true">
               ${this.selectionStatus.selected(1)}
diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
index d9c9e1278..f5bbbeb15 100644
--- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
+++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss
@@ -143,3 +143,30 @@ td.table-empty-message {
    box-shadow: none;
    border: 0;
 }
+
+.template-list-item-without-ancestors .template-list-folder:active,
+.template-list-item-without-ancestors .template-list-folder:active::before,
+.template-list-item-without-ancestors .template-list-folder:focus,
+.template-list-item-without-ancestors .template-list-folder:focus::before,
+.template-list-item-without-ancestors .template-list-template:active,
+.template-list-item-without-ancestors .template-list-template:active::before,
+.template-list-item-without-ancestors .template-list-template:focus,
+.template-list-item-without-ancestors .template-list-template:focus::before {
+   background-color: transparent;
+   box-shadow: none;
+}
+
+.folder-heading a.folder-heading-folder,
+.folder-heading-folder,
+.template-list-folder {
+   background-image: none;
+   padding-left: 0;
+   text-indent: 0;
+   &:hover {
+      color: color("blue-warm-70v");
+   }
+}
+
+.template-list-item-without-ancestors a.template-list-folder:first-of-type {
+   text-indent: 0;
+}
diff --git a/app/templates/components/folder-path.html b/app/templates/components/folder-path.html
index 0afd664d2..44cf127f5 100644
--- a/app/templates/components/folder-path.html
+++ b/app/templates/components/folder-path.html
@@ -17,12 +17,12 @@
       {% else %}
         {% if folder.id %}
           {% if current_user.has_template_folder_permission(folder) %}
-            <a href="{{ url_for('.choose_template', service_id=service_id, template_type=template_type, template_folder_id=folder.id) }}" class="govuk-link govuk-link--no-visited-state folder-heading-folder {% if loop.index < (loop.length - 1) %}folder-heading-folder-truncated{% endif %}" title="{{ folder.name }}">{{ folder.name }}</a>
+            <a href="{{ url_for('.choose_template', service_id=service_id, template_type=template_type, template_folder_id=folder.id) }}" class="usa-link folder-heading-folder {% if loop.index < (loop.length - 1) %}folder-heading-folder-truncated{% endif %}" title="{{ folder.name }}">{{ folder.name }}</a>
           {% else %}
             <span class="folder-heading-folder">{{ folder.name }}</span>
           {% endif %}
         {% else %}
-          <a href="{{ url_for('.choose_template', service_id=service_id, template_type=template_type) }}" title="Templates" class="govuk-link govuk-link--no-visited-state {% if loop.length > 2 %}folder-heading-folder-root-truncated{% endif %}">Templates</a>
+          <a href="{{ url_for('.choose_template', service_id=service_id, template_type=template_type) }}" title="Templates" class="usa-link {% if loop.length > 2 %}folder-heading-folder-root-truncated{% endif %}">Templates</a>
         {% endif %}
         {% if not loop.last %}{{ folder_path_separator() }}{% endif %}
       {% endif %}
diff --git a/app/templates/views/templates/_template_list.html b/app/templates/views/templates/_template_list.html
index be92bbb3b..cd6178af4 100644
--- a/app/templates/views/templates/_template_list.html
+++ b/app/templates/views/templates/_template_list.html
@@ -32,12 +32,12 @@
 
       {% set item_link_content %}
         {% for ancestor in item.ancestors %}
-          <a href="{{ url_for('.choose_template', service_id=current_service.id, template_type=template_type, template_folder_id=ancestor.id) }}" class="govuk-link govuk-link--no-visited-state template-list-folder">
+          <a href="{{ url_for('.choose_template', service_id=current_service.id, template_type=template_type, template_folder_id=ancestor.id) }}" class="usa-link template-list-folder">
             {{- format_item_name(ancestor.name) -}}
           </a> <span class="message-name-separator"></span>
         {% endfor %}
         {% if item.is_folder %}
-          <a href="{{ url_for('.choose_template', service_id=current_service.id, template_type=template_type, template_folder_id=item.id) }}" class="govuk-link govuk-link--no-visited-state template-list-folder">
+          <a href="{{ url_for('.choose_template', service_id=current_service.id, template_type=template_type, template_folder_id=item.id) }}" class="usa-link template-list-folder">
             <span class="live-search-relevant">{{- format_item_name(item.name) -}}</span>
           </a>
         {% else %}
@@ -60,7 +60,7 @@
       {% endset %}
 
       {% set item_meta %}
-        <span id="{{ item.id }}-item-hint" class="govuk-hint govuk-checkboxes__hint template-list-item-hint">
+        <span id="{{ item.id }}-item-hint" class="usa-hint template-list-item-hint">
           {{ item.hint }}
         </span>
       {% endset %}