diff --git a/examples/demo.css b/examples/demo.css
index 77f7e40a..74bcd616 100644
--- a/examples/demo.css
+++ b/examples/demo.css
@@ -452,7 +452,16 @@ h1, h2, .section h3 {
     transform: rotate(100deg) scale3d(0.97, 0.99, 0.96);
     cursor: pointer;
 }
-
+.sort-options{
+    width: auto;
+    height: 2em;
+    text-align: center;
+    cursor: pointer;
+}
+.side-display{
+    display: flex;
+    justify-content: space-between;
+}
 
 /* MEDIA QUERIES */
 
diff --git a/index.html b/index.html
index ed87533a..9249edba 100644
--- a/index.html
+++ b/index.html
@@ -256,7 +256,7 @@ <h2 id="stale-head">Stale Issues</h2>
       <h2 id="recent-contributors" class="recent-contributors-head">Recent Contributors</h2>
 
       <div class="recent-contributors">
-        <div style="display: flex; justify-content: space-between">
+        <div class="side-display">
           <p>Below is the list of active contributors, </p>
           <div title="copy to clipboard" class="copybutton"><i class="fa fa-clipboard" aria-hidden="true"></i></div>
         </div>
@@ -269,13 +269,13 @@ <h2 id="recent-contributors" class="recent-contributors-head">Recent Contributor
                   <strong>Sort <span><i class="fa fa-angle-down"></i></span></strong>
                 </div>
                 <div class="dropdown-menu" style="height: auto; width: auto;" aria-labelledby="dropdownMenuButtonRC">
-                  <div class="sort-options" id="alphabetic" style="width: auto; height: 2em; text-align: center; cursor: pointer;">
+                  <div class="sort-options" id="alphabetic">
                     <p class="dropdown-item sort-items d-inline-block mx-auto">alphabetical</p>
                   </div>
-                  <div class="sort-options" id="mostrecentfirst" style="width: auto; height: 2em; text-align: center; cursor: pointer;">
+                  <div class="sort-options" id="mostrecentfirst">
                     <p class="dropdown-item sort-items d-inline-block mx-auto">most recent first</p>
                   </div>
-                  <div class="sort-options" id="leaderboard" style="width: auto; height: 2em; text-align: center; cursor: pointer;">
+                  <div class="sort-options" id="leaderboard">
                     <p class="dropdown-item sort-items d-inline-block mx-auto">leaderboard</p>
                   </div>
                 </div>
@@ -327,7 +327,7 @@ <h2 id="recent-contributors" class="recent-contributors-head">Recent Contributor
       <h2 class="contributors-head" id="contributer">Contributors</h2>
 
       <div class="contribs">
-        <div style="display: flex; justify-content: space-between">
+        <div class="side-display">
           <p>This project was made possible by many contributors, including the following GitHub users:</p>
           <div title="copy to clipboard" class="copybutton"><i class="fa fa-clipboard" aria-hidden="true"></i></div>
         </div>