diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..ae1c4d1
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,6 @@
+/*Adds a border around the cards in the preference sorting activity*/
+li.d-flex.card.p-3.mb-2.optionitem.draggable {
+    border-style: solid;
+    border-color: #c0c0c0;
+    border-width: thin;
+}
\ No newline at end of file
diff --git a/templates/sort_voting_form.mustache b/templates/sort_voting_form.mustache
index 65ac8cc..d69b6ed 100644
--- a/templates/sort_voting_form.mustache
+++ b/templates/sort_voting_form.mustache
@@ -62,7 +62,7 @@
 {{! This list is drag and drop sortable. }}
 <ul id="sortvotinglist" class="ml-0 fa-ul">
 {{#options}}
-    <li class="d-flex card p-3 mb-2 {{^allowupdate}}bg-gray-100{{/allowupdate}} {{#allowupdate}}optionitem draggable{{/allowupdate}}" {{#allowupdate}}data-drag-type="move" draggable="true"{{/allowupdate}}>
+    <li class="d-flex card p-3 mb-2 {{#allowupdate}}optionitem draggable{{/allowupdate}}" {{#allowupdate}}data-drag-type="move" draggable="true"{{/allowupdate}}>
         <div>
             <input type="number" name="option[]" data-optionid="{{id}}" value="{{position}}" max="{{max}}" min="1" class="d-none" />
             <span class="float-right dragicon ml-auto">{{#pix}}i/dragdrop{{/pix}}</span>