diff --git a/src/_includes/cards/form-all-elements.html b/src/_includes/cards/form-all-elements.html
index ee6e2cec3..be9692f66 100644
--- a/src/_includes/cards/form-all-elements.html
+++ b/src/_includes/cards/form-all-elements.html
@@ -171,22 +171,22 @@
 					</div>
 				</div>
 				<div class="form-group">
-					<label class="form-label">Icons input</label>
+					<label class="form-label">Gender input</label>
 					<div class="selectgroup selectgroup-pills">
 						<label class="selectgroup-item">
-							<input type="radio" name="icon-input" value="2" class="selectgroup-input" aria-label="Prefer not to say" checked="">
+							<input type="radio" name="gender-input" value="2" class="selectgroup-input" aria-label="Prefer not to say" checked="">
 							<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-minus-circle"></i></span>
 						</label>
 						<label class="selectgroup-item">
-							<input type="radio" name="icon-input" value="1" class="selectgroup-input">
+							<input type="radio" name="gender-input" value="1" class="selectgroup-input">
 							<span class="selectgroup-button selectgroup-button-icon"><i class="fa fa-male"></i></span>
 						</label>
 						<label class="selectgroup-item">
-							<input type="radio" name="icon-input" value="2" class="selectgroup-input">
+							<input type="radio" name="gender-input" value="2" class="selectgroup-input">
 							<span class="selectgroup-button selectgroup-button-icon"><i class="fa fa-female"></i></span>
 						</label>
 						<label class="selectgroup-item">
-							<input type="radio" name="icon-input" value="2" class="selectgroup-input">
+							<input type="radio" name="gender-input" value="2" class="selectgroup-input">
 							<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-more-horizontal"></i></span>
 						</label>
 						<label class="selectgroup-item">
@@ -194,6 +194,21 @@
 						</label>
 					</div>
 				</div>
+
+				<div class="form-group">
+					<label class="form-label">Icon input</label>
+					<div class="selectgroup selectgroup-pills">
+						<label class="selectgroup-item">
+							<input type="radio" name="icon-input" value="1" class="selectgroup-input" checked="">
+							<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-sun"></i></span>
+						</label>
+						<label class="selectgroup-item">
+							<input type="radio" name="icon-input" value="2" class="selectgroup-input">
+							<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-moon"></i></span>
+						</label>
+					</div>
+				</div>
+
 				<div class="form-group">
 					<label class="form-label">Your skills</label>
 					<div class="selectgroup selectgroup-pills">