From 667666e53f664f2eba39a16b94f61a44a65d6b0c Mon Sep 17 00:00:00 2001
From: Katalina / stardust <katie@player.me>
Date: Sun, 31 Dec 2017 23:23:40 -0600
Subject: [PATCH] fix(UI/pages): utilize new rp-discord class

---
 UI/src/pages/WhyNoRoles.js | 4 ++--
 UI/src/pages/pages.sass    | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/UI/src/pages/WhyNoRoles.js b/UI/src/pages/WhyNoRoles.js
index 74adae7..851dfb7 100644
--- a/UI/src/pages/WhyNoRoles.js
+++ b/UI/src/pages/WhyNoRoles.js
@@ -8,10 +8,10 @@ const WhyNoRoles = (props) => {
     <h2>Why don't I see any roles in my editor?</h2>
     <p>Roleypoly needs to be a higher role position than other roles in order to assign them to anyone.</p>
     <h3 className="pages__bad">Bad <i uk-icon="icon: ban"></i></h3>
-    <img src={badImg} alt="Bad example"/>
+    <img src={badImg} className="rp-discord" alt="Bad example"/>
     <p>In this example, Roleypoly is at the bottom of the list. It can't assign anyone any roles above it.</p>
     <h3 className="pages__good">Good <i uk-icon="icon: check"></i></h3>
-    <img src={goodImg} alt="Good example"/>
+    <img src={goodImg} className="rp-discord" alt="Good example"/>
     <p>In this example, Roleypoly is above other roles, and will be able to assign them.</p>
   </Fragment>
 }
diff --git a/UI/src/pages/pages.sass b/UI/src/pages/pages.sass
index f1903ee..a26149b 100644
--- a/UI/src/pages/pages.sass
+++ b/UI/src/pages/pages.sass
@@ -11,6 +11,4 @@
     color: var(--c-green)
 
   img
-    max-width: 75%
-    box-shadow: 0 0 1px var(--c-dark)
-    border: 1px solid var(--c-1)
\ No newline at end of file
+    max-width: 75%
\ No newline at end of file