diff --git a/templates/repo/settings/branches.tmpl b/templates/repo/settings/branches.tmpl
index be91c6636b..aa24846a06 100644
--- a/templates/repo/settings/branches.tmpl
+++ b/templates/repo/settings/branches.tmpl
@@ -39,7 +39,7 @@
 			<div class="ui attached segment">
 				<div class="flex-list" id="protected-branches-list" data-update-priority-url="{{$.Repository.Link}}/settings/branches/priority">
 					{{range .ProtectedBranches}}
-						<div class="item" data-id="{{.ID}}">
+						<div data-id="{{.ID}}">
 							<div class="flex-item tw-items-center">
 								<div class="drag-handle tw-cursor-grab">
 									{{svg "octicon-grabber" 16}}
diff --git a/web_src/js/features/repo-settings-branches.ts b/web_src/js/features/repo-settings-branches.ts
index 90ef6e9f67..525b3340e9 100644
--- a/web_src/js/features/repo-settings-branches.ts
+++ b/web_src/js/features/repo-settings-branches.ts
@@ -1,5 +1,6 @@
 import {createSortable} from '../modules/sortable.ts';
 import {POST} from '../modules/fetch.ts';
+import {showErrorToast} from '../modules/toast.ts';
 
 export function initRepoBranchesSettings() {
   const protectedBranchesList = document.querySelector('#protected-branches-list');
@@ -21,7 +22,8 @@ export function initRepoBranchesSettings() {
           },
         });
       } catch (err) {
-        console.error('Failed to update branch protection rule priority:', err);
+        const errorMessage = String(err);
+        showErrorToast(`Failed to update branch protection rule priority:, error: ${errorMessage}`);
       }
     },
   });