diff --git a/app/assets/javascripts/repositories/repository_datatable.js.erb b/app/assets/javascripts/repositories/repository_datatable.js.erb
index b626cc9bc..d0eca2b99 100644
--- a/app/assets/javascripts/repositories/repository_datatable.js.erb
+++ b/app/assets/javascripts/repositories/repository_datatable.js.erb
@@ -1038,16 +1038,16 @@ var RepositoryDatatable = (function(global) {
 
   // Takes object and surrounds it with input
   function changeToInputFileField(object, name, value) {
-    return "<div class='repository-input-file-field'>" +
+    return "<div class='repository-input-file-field'><div class='form-group'>" +
         "<input type='file' class='form-control' data-object='" +
-        object + "' name='" + name + "' value='" + value + "'>" +
-        "<a class='btn btn-danger' onClick='clearFileInput(this)'>" +
+        object + "' name='" + name + "' value='" + value + "'></div>" +
+        "<a onClick='clearFileInput(this)'>" +
         "<i class='fas fa-times'></i>" +
         "</a></div>";
   }
 
   global.clearFileInput = function (el) {
-    $(el).prev('input:file')[0].value = '';
+    $(el).prev('div').find('input:file')[0].value = '';
   }
 
   // Takes an object and creates custom html element
diff --git a/app/assets/stylesheets/themes/repositories.scss b/app/assets/stylesheets/themes/repositories.scss
index 4055c3d7a..980ae2db3 100644
--- a/app/assets/stylesheets/themes/repositories.scss
+++ b/app/assets/stylesheets/themes/repositories.scss
@@ -34,7 +34,8 @@
 .repository-input-file-field {
   display: inline-flex;
 
-  .btn-danger {
+  a {
+    color: $brand-danger;
     margin-left: 5px;
   }
 }