diff --git a/monkey/monkey_island/cc/ui/src/components/ui-components/ChildCheckbox.js b/monkey/monkey_island/cc/ui/src/components/ui-components/ChildCheckbox.js
index e740734d5..57088f0c2 100644
--- a/monkey/monkey_island/cc/ui/src/components/ui-components/ChildCheckbox.js
+++ b/monkey/monkey_island/cc/ui/src/components/ui-components/ChildCheckbox.js
@@ -2,10 +2,11 @@ import React from 'react';
 import {Button, Form} from 'react-bootstrap';
 
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
-import {faCheckSquare, faExclamationTriangle} from '@fortawesome/free-solid-svg-icons';
+import {faCheckSquare} from '@fortawesome/free-solid-svg-icons';
 import {faSquare} from '@fortawesome/free-regular-svg-icons';
 
 import {getComponentHeight} from './utils/HeightCalculator';
+import WarningIcon from './WarningIcon';
 
 function ChildCheckboxContainer(props) {
   const {
@@ -54,7 +55,7 @@ function ChildCheckbox(props) {
   let displayLabel = [<span key={'label'} className={'option-text'}>{label}</span>];
 
   if (!safe) {
-    displayLabel.push(<FontAwesomeIcon key="unsafe-indicator" className="unsafe-indicator" icon={faExclamationTriangle}/>)
+    displayLabel.push(<WarningIcon key="unsafe-indicator"/>)
   }
 
   return (
diff --git a/monkey/monkey_island/cc/ui/src/components/ui-components/WarningIcon.js b/monkey/monkey_island/cc/ui/src/components/ui-components/WarningIcon.js
new file mode 100644
index 000000000..2e759ccb6
--- /dev/null
+++ b/monkey/monkey_island/cc/ui/src/components/ui-components/WarningIcon.js
@@ -0,0 +1,11 @@
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faExclamationTriangle} from '@fortawesome/free-solid-svg-icons';
+import React from 'react';
+
+function WarningIcon() {
+  return (
+    <FontAwesomeIcon className="unsafe-indicator" icon={faExclamationTriangle}/>
+  );
+}
+
+export default WarningIcon;