diff --git a/FOOS_ALT_WEBSITE/list.css b/FOOS_ALT_WEBSITE/list.css
index f21b6f8..e793458 100644
--- a/FOOS_ALT_WEBSITE/list.css
+++ b/FOOS_ALT_WEBSITE/list.css
@@ -214,7 +214,7 @@ ul.fiveStar {
 }
 
 ul.fourStar {
-  background: #59ff00;
+  background: #97dc01;
 }
 
 ul.threeStar {
diff --git a/FOOS_ALT_WEBSITE/social-media.html b/FOOS_ALT_WEBSITE/social-media.html
index cb5a087..4548d78 100644
--- a/FOOS_ALT_WEBSITE/social-media.html
+++ b/FOOS_ALT_WEBSITE/social-media.html
@@ -22,18 +22,22 @@
         </div>
     </header>
     <article>
-        <li class="folder-list-item">
-          <a class="folder-link" href="social_platforms/irc_clients.html">IRC Clients</a>
-        </li>
-        <li class="folder-list-item">
-          <a class="folder-link" href="social_platforms/matrix_clients.html">Matrix Clients</a>
-        </li>
-        <li class="folder-list-item">
-          <a class="folder-link" href="social_platforms/signal_clients.html">signal clients</a>
-        </li>
-        <li class="folder-list-item">
-          <a class="folder-link" href="social_platforms/other_platforms.html">Other Platforms</a>
-        </li>
+      <nav>
+        <ul class="folder-list">
+          <li class="folder-list-item">
+            <a class="folder-link" href="social_platforms/irc_clients.html">IRC Clients</a>
+          </li>
+          <li class="folder-list-item">
+            <a class="folder-link" href="social_platforms/matrix_clients.html">Matrix Clients</a>
+          </li>
+          <li class="folder-list-item">
+            <a class="folder-link" href="social_platforms/signal_clients.html">signal clients</a>
+          </li>
+          <li class="folder-list-item">
+            <a class="folder-link" href="social_platforms/other_platforms.html">Other Platforms</a>
+          </li>
+        </ul>
+      </nav>
     </article>
     <script>
       function toggleMenu() {
diff --git a/FOOS_ALT_WEBSITE/social_platforms/other_platforms.html b/FOOS_ALT_WEBSITE/social_platforms/other_platforms.html
index a59c6aa..02e43fa 100644
--- a/FOOS_ALT_WEBSITE/social_platforms/other_platforms.html
+++ b/FOOS_ALT_WEBSITE/social_platforms/other_platforms.html
@@ -27,11 +27,11 @@
             <li>Mastodon</li>            
         </ul>
         <h1>4/5</h1>
-        <ul class="fiveStar">
+        <ul class="fourStar">
             <li>Lemmy</li>            
         </ul>
         <h1>3/5</h1>
-        <ul class="fiveStar">
+        <ul class="threeStar">
             <li>Pixelfed</li>
             <li>Friendica</li>           
         </ul>