diff --git a/template/index.html b/template/index.html
index eaa90c4..aa4ad2a 100644
--- a/template/index.html
+++ b/template/index.html
@@ -183,6 +183,9 @@
             </div>
         </div>
         <b-modal id="settings-modal" hide-header hide-footer lazy>
+            <button class="btn btn-link outline-none float-right p-2 mr-n2 mt-n2" style="line-height: 1" @click="$bvModal.hide('settings-modal')">
+                <span class="icon">{% inline "x.svg" %}</span>
+            </button>
             <div v-if="settings=='create'">
                 <p class="cursor-default"><b>New Feed</b></p>
                 <form action="" @submit.prevent="createFeed(event)" class="mt-4">
diff --git a/template/static/images/x.svg b/template/static/images/x.svg
new file mode 100644
index 0000000..7d5875c
--- /dev/null
+++ b/template/static/images/x.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>
\ No newline at end of file
diff --git a/template/static/stylesheets/app.css b/template/static/stylesheets/app.css
index d3f4ead..55fa62a 100644
--- a/template/static/stylesheets/app.css
+++ b/template/static/stylesheets/app.css
@@ -251,6 +251,7 @@ select.form-control:not([multiple]):not([size]) {
   margin-left: -.5rem;
   margin-right: -.5rem;
   border-radius: 3px;
+  user-select: none;
   cursor: default;
 }
 
@@ -344,6 +345,10 @@ select.form-control:not([multiple]):not([size]) {
   outline: none;
 }
 
+.selectgroup-label, .toolbar-item, .toolbar-search, .list-row {
+  transition: background-color .1s ease-out;
+}
+
 /* content */
 
 .content {