From 8b43105d7572e8f73b24f931d64c2144a752a13b Mon Sep 17 00:00:00 2001
From: Tom <20648924+moT01@users.noreply.github.com>
Date: Tue, 27 Aug 2019 13:30:51 -0500
Subject: [PATCH] fix(style): info message on a private profile + night mode
 (#36697)

* fix(style): private-profile-alert-message
* fix: remove-alert-component
---
 client/src/components/profile/Profile.js | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/client/src/components/profile/Profile.js b/client/src/components/profile/Profile.js
index 8d84a1e3e3..8b6db449e3 100644
--- a/client/src/components/profile/Profile.js
+++ b/client/src/components/profile/Profile.js
@@ -1,6 +1,6 @@
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
-import { Alert, Grid, Row, Col } from '@freecodecamp/react-bootstrap';
+import { Grid, Row, Col } from '@freecodecamp/react-bootstrap';
 import Helmet from 'react-helmet';
 import { Link } from 'gatsby';
 
@@ -68,12 +68,10 @@ function renderIsLocked(username) {
           </h2>
         </FullWidthRow>
         <FullWidthRow>
-          <Alert bsStyle='info'>
-            <p>
-              {username} needs to change their privacy setting in order for you
-              to view their profile
-            </p>
-          </Alert>
+          <p className='alert alert-info'>
+            {username} needs to change their privacy setting in order for you to
+            view their profile
+          </p>
         </FullWidthRow>
         <FullWidthRow>
           <TakeMeToTheChallenges />