diff --git a/package/secubox/luci-app-crowdsec-dashboard/Makefile b/package/secubox/luci-app-crowdsec-dashboard/Makefile
index 2775d51f..421be45d 100644
--- a/package/secubox/luci-app-crowdsec-dashboard/Makefile
+++ b/package/secubox/luci-app-crowdsec-dashboard/Makefile
@@ -9,7 +9,7 @@ include $(TOPDIR)/rules.mk
 
 PKG_NAME:=luci-app-crowdsec-dashboard
 PKG_VERSION:=0.6.0
-PKG_RELEASE:=7
+PKG_RELEASE:=8
 PKG_ARCH:=all
 
 PKG_LICENSE:=Apache-2.0
diff --git a/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/crowdsec-dashboard/wizard.css b/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/crowdsec-dashboard/wizard.css
index 91e76f28..5f52aded 100644
--- a/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/crowdsec-dashboard/wizard.css
+++ b/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/crowdsec-dashboard/wizard.css
@@ -198,18 +198,20 @@
 	background: rgba(15, 23, 42, 0.7);
 }
 
-.collection-item label {
-	display: flex;
+.collection-item .cyber-checkbox {
+	display: flex !important;
 	align-items: center;
 	gap: 12px;
 	cursor: pointer;
 	user-select: none;
+	padding: 0 !important;
 }
 
-.collection-item input[type="checkbox"] {
+.collection-item .cyber-checkbox input[type="checkbox"] {
 	cursor: pointer;
 	width: 18px;
 	height: 18px;
+	flex-shrink: 0;
 }
 
 .collection-info {
diff --git a/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/wizard.js b/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/wizard.js
index 3d151bf0..c8ed2846 100644
--- a/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/wizard.js
+++ b/package/secubox/luci-app-crowdsec-dashboard/htdocs/luci-static/resources/view/crowdsec-dashboard/wizard.js
@@ -250,17 +250,15 @@ return view.extend({
 			E('div', { 'class': 'collections-list' },
 				recommendedCollections.map(L.bind(function(collection) {
 					var checkboxId = 'collection-' + collection.name.replace('/', '-');
-					var checkbox = E('input', {
-						'type': 'checkbox',
-						'id': checkboxId,
-						'checked': collection.preselected ? 'checked' : null,
-						'data-collection': collection.name,
-						'style': 'width: 18px; height: 18px; cursor: pointer; margin: 0;'
-					});
 
 					return E('div', { 'class': 'collection-item' }, [
-						E('label', { 'for': checkboxId, 'style': 'display: flex; align-items: center; gap: 12px; cursor: pointer; margin: 0;' }, [
-							checkbox,
+						E('label', { 'class': 'cyber-checkbox', 'for': checkboxId }, [
+							E('input', {
+								'type': 'checkbox',
+								'id': checkboxId,
+								'checked': collection.preselected ? 'checked' : null,
+								'data-collection': collection.name
+							}),
 							E('div', { 'class': 'collection-info' }, [
 								E('strong', {}, collection.name),
 								E('div', { 'class': 'collection-desc' }, collection.description)