From ab919f6d5784e3a57cf1928207c8f01b24b46aa2 Mon Sep 17 00:00:00 2001
From: Kekoa Kaaikala <kekoa.kaaikala@gmail.com>
Date: Wed, 28 Sep 2022 19:21:09 +0000
Subject: [PATCH] UI: Use colors from existing warning theme

---
 .../src/components/configuration-components/WarningBox.js  | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/monkey/monkey_island/cc/ui/src/components/configuration-components/WarningBox.js b/monkey/monkey_island/cc/ui/src/components/configuration-components/WarningBox.js
index 5192cac5e..de5b352b4 100644
--- a/monkey/monkey_island/cc/ui/src/components/configuration-components/WarningBox.js
+++ b/monkey/monkey_island/cc/ui/src/components/configuration-components/WarningBox.js
@@ -1,12 +1,13 @@
 import * as React from 'react';
-import WarningIcon from '../ui-components/WarningIcon';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons/faExclamationTriangle';
 
 class WarningBox extends React.Component {
 
   render() {
     return (
-      <div className='alert alert-info'>
-        <WarningIcon style={{ 'marginRight': '5px' }} />
+      <div className='alert alert-warning'>
+        <FontAwesomeIcon icon={faExclamationTriangle} style={{ 'marginRight': '5px' }} />
         {this.props.schema.info}
       </div>
     );