diff --git a/static/css/main.css b/static/css/main.css
index dcdb603b..3a48879e 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -341,3 +341,34 @@
         float:none !important;
     }
 }
+
+/* Table Styling */
+.modal-content .dataTable tbody td {
+  font-size: 16px;/* Smaller font on modal tables */
+}
+.dataTables_info{
+  font-size: 15px;
+}
+
+/* Sort Icons */
+table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
+  font-family: 'FontAwesome' !important;
+  position: relative !important;
+  display: initial !important;
+  top: initial!important;
+  right: initial!important;
+  left: 6px;
+  color: #1abc9c;
+}
+table.dataTable thead .sorting:after{
+  content: "\f0dc" !important;
+}
+table.dataTable thead .sorting_asc:after {
+  content: "\f0de" !important;
+  opacity: .8 !important;
+}
+table.dataTable thead .sorting_desc:after {
+  content: "\f0dd" !important;
+  opacity: .8 !important;
+}
+
diff --git a/static/js/app/users.js b/static/js/app/users.js
index feb0e9ac..0aa8c68c 100644
--- a/static/js/app/users.js
+++ b/static/js/app/users.js
@@ -52,7 +52,11 @@ function dismiss(){
 }
 
 function edit(idx){
-    targets = $("#targetsTable").dataTable()
+    targets = $("#targetsTable").dataTable({
+        columnDefs: [
+            { orderable: false, targets: -1 }
+        ]
+    })
     $("#modalSubmit").unbind('click').click(function(){save(idx)})
     if (idx == -1) {
         group = {}
diff --git a/templates/users.html b/templates/users.html
index 4ee56f64..4d25e4fd 100644
--- a/templates/users.html
+++ b/templates/users.html
@@ -94,7 +94,7 @@
               </form>
           </div>
           <br />
-          <table id="targetsTable" class="table table-hover table-striped">
+          <table id="targetsTable" class="table table-hover table-striped table-condensed">
               <thead>
                   <tr>
                       <th>First Name</th>