diff --git a/adm/style/manage_pages.html b/adm/style/manage_pages.html
index 9257f01..b624698 100644
--- a/adm/style/manage_pages.html
+++ b/adm/style/manage_pages.html
@@ -110,7 +110,7 @@ <h3>{{ lang('WARNING') }}</h3>
 			</dl>
 			<dl>
 				<dt><label for="page_icon_font">{{ lang('ACP_PAGES_FORM_ICON_FONT') ~ lang('COLON') }}</label><br /><span>{{ lang('ACP_PAGES_FORM_ICON_FONT_EXPLAIN', 'https://fontawesome.com/v6/search?o=r&m=free') }}</span></dt>
-				<dd><input name="page_icon_font" id="page_icon_font" type="text" size="15" maxlength="255" value="{{ PAGES_ICON_FONT }}" placeholder="file-lines" /> <i style="font-size:14px" class="icon acp-icon fas fa-{{ PAGES_ICON_FONT }}"></i></dd>
+				<dd><input name="page_icon_font" id="page_icon_font" type="text" size="15" maxlength="255" value="{{ PAGES_ICON_FONT }}" placeholder="file-lines" /> {{ Icon('font', PAGES_ICON_FONT, '', true, 'acp-icon') }}</dd>
 			</dl>
 			<dl>
 				<dt><label for="page_display">{{ lang('ACP_PAGES_FORM_DISPLAY') ~ lang('COLON') }}</label><br /><span>{{ lang('ACP_PAGES_FORM_DISPLAY_EXPLAIN') }}</span></dt>
diff --git a/adm/style/scripts.js b/adm/style/scripts.js
index f5b7115..5d83a09 100644
--- a/adm/style/scripts.js
+++ b/adm/style/scripts.js
@@ -25,7 +25,7 @@ $(function() {
 	$('#page_icon_font').on('keyup blur', function() {
 		var input = $(this).val();
 		var $icon = $(this).next('i');
-		$icon.attr('class', 'icon acp-icon fas fa-' + input);
+		$icon.attr('class', 'o-icon o-icon-font acp-icon fa-' + input);
 	});
 
 });