diff --git a/img/logos/html5Logo.png b/img/logos/html5Logo.png
new file mode 100644
index 00000000..479ec7aa
Binary files /dev/null and b/img/logos/html5Logo.png differ
diff --git a/img/logos/jsLogo.jpg b/img/logos/jsLogo.jpg
new file mode 100644
index 00000000..19005006
Binary files /dev/null and b/img/logos/jsLogo.jpg differ
diff --git a/img/logos/reactLogo.png b/img/logos/reactLogo.png
new file mode 100644
index 00000000..620539a2
Binary files /dev/null and b/img/logos/reactLogo.png differ
diff --git a/pages/study-groups.html b/pages/study-groups.html
index 82fd7625..5488cd27 100644
--- a/pages/study-groups.html
+++ b/pages/study-groups.html
@@ -179,8 +179,8 @@
   <section class="side-nav-menu-area">
     <div id="side-nav-list">
         <h1>Courses</h1>
-        <div id="HTML&CSS_Tab" class="course-name">HTML & CSS</div><img class="mobile-icons" src="../img/logos/html5Logo.ico"/>
-        <div id="Javascript_Tab" class="course-name">JavaScript</div><img class="mobile-icons" src="../img/logos/jsLogo.png"/>
+        <div id="HTML&CSS_Tab" class="course-name">HTML & CSS</div><img class="mobile-icons" src="../img/logos/html5Logo.png"/> <!-- Logos for Mobile -->
+        <div id="Javascript_Tab" class="course-name">JavaScript</div><img class="mobile-icons" src="../img/logos/jsLogo.jpg"/>
         <div id="React_Tab" class="course-name">React</div><img class="mobile-icons" src="../img/logos/reactLogo.png"/>
     </div>
   </section>