diff --git a/web/src/components/BindingEntry.vue b/web/src/components/BindingEntry.vue
index a299d415..f9d42bf0 100644
--- a/web/src/components/BindingEntry.vue
+++ b/web/src/components/BindingEntry.vue
@@ -1,18 +1,34 @@
 <template>
-  <div class=" items-start p-4 hover:bg-primary-light rounded-lg mb-2 shadow-lg border-2 cursor-pointer"
+  <div class=" items-start p-4 hover:bg-primary-light rounded-lg mb-2 shadow-lg border-2 cursor-pointer active:scale-95 duration-75 select-none"
     @click.stop="toggleSelected" :class="selected ? ' border-primary-light' : 'border-transparent'">
 
     <div :class="isTemplate ? 'opacity-50' : ''">
+      <!-- 
+<div class="inline-flex items-center"> -->
 
 
-      <div class="flex flex-row items-center  flex-shrink-0 gap-3">
+      <div class="flex flex-row items-center   gap-3 ">
         <img :src="getImgUrl()" @error="defaultImg($event)" class="w-10 h-10 rounded-full object-fill text-red-700">
-        <h3 class="font-bold font-large text-lg line-clamp-3">
+        <h3 class="font-bold font-large text-lg truncate">
           {{ binding.name }}
         </h3>
+        <div class="grow">
+          <!-- EMPTY SPACE FILLER -->
+        </div>
 
+        <div class="flex-none">
+          <button type="button"
+            class="hover:text-secondary duration-75 active:scale-90 font-medium rounded-lg text-sm p-2 text-center inline-flex items-center " @click.stop="">
+            <i data-feather="sliders" class="w-5 m-1"></i>
+            <span class="sr-only">Icon description</span>
+          </button>
+        </div>
 
       </div>
+      <!-- <div class="  justify-end">
+          <i data-feather="sliders" class="w-5 m-1"></i>
+        </div>
+      </div> -->
       <div class="">
         <div class="">
 
@@ -62,7 +78,7 @@ export default {
     binding: {},
     onSelected: Function,
     selected: Boolean,
-    
+
   },
   data() {
     return {
diff --git a/web/src/components/ModelEntry.vue b/web/src/components/ModelEntry.vue
index 2fb5a23f..546e554e 100644
--- a/web/src/components/ModelEntry.vue
+++ b/web/src/components/ModelEntry.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex items-center p-4 hover:bg-primary-light rounded-lg mb-2 shadow-lg border-2 cursor-pointer"
+  <div class="flex items-center p-4 hover:bg-primary-light rounded-lg mb-2 shadow-lg border-2 cursor-pointer  active:scale-95 duration-75 select-none"
     @click.stop="toggleSelected" :class="selected ? ' border-primary-light' : 'border-transparent'">
 
 
diff --git a/web/src/components/PersonalityEntry.vue b/web/src/components/PersonalityEntry.vue
index 966a44fa..489202f7 100644
--- a/web/src/components/PersonalityEntry.vue
+++ b/web/src/components/PersonalityEntry.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class=" items-start p-4 hover:bg-primary-light rounded-lg mb-2 shadow-lg border-2 cursor-pointer"
+  <div class=" items-start p-4 hover:bg-primary-light rounded-lg mb-2 shadow-lg border-2 cursor-pointer  active:scale-95 duration-75 select-none"
     @click.stop="toggleSelected" :class="selected ? ' border-primary-light' : 'border-transparent'">
 
 
diff --git a/web/src/views/SettingsView.vue b/web/src/views/SettingsView.vue
index de6145b5..ff1daf43 100644
--- a/web/src/views/SettingsView.vue
+++ b/web/src/views/SettingsView.vue
@@ -631,7 +631,9 @@ export default {
                 this.$refs.toast.showToast("Loading... please wait", 4, false)
             }
             if (pers.personality) {
+                if(this.configFile.personality != pers.personality.name){
 
+               
                 this.settingsChanged = true
                 const res = this.update_setting('personality', pers.personality.folder, () => {
                     this.$refs.toast.showToast("Selected personality:\n" + pers.personality.name, 4, true)
@@ -639,7 +641,7 @@ export default {
                     this.configFile.personality_category = pers.personality.category
                     this.configFile.personality_language = pers.personality.language
                 })
-
+            }
                 nextTick(() => {
                     feather.replace()
 
@@ -773,6 +775,8 @@ export default {
             socket.emit('uninstall_model', { path: model_object.path });
         },
         onSelectedBinding(binding_object) {
+if(this.configFile.binding != binding_object.binding.folder){
+
 
             if(binding_object.binding.folder ==='backend_template' || binding_object.binding.folder==='binding_template'){
                 this.$refs.toast.showToast("Cannot select template", 4, false)
@@ -781,6 +785,7 @@ export default {
             }
             this.update_binding(binding_object.binding.folder)
             //console.log('lol',binding_object)
+        }
         },
         // messagebox ok stuff
         onMessageBoxOk() {