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