diff --git a/eduaid_web/src/pages/Home.jsx b/eduaid_web/src/pages/Home.jsx
index 54bc332..cecb6b7 100644
--- a/eduaid_web/src/pages/Home.jsx
+++ b/eduaid_web/src/pages/Home.jsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from "react";
 import "../index.css";
-import logo_trans from "../assets/aossie_logo_transparent.png"
+import logo_trans from "../assets/aossie_logo_transparent.png";
 import starsImg from "../assets/stars.png";
 import arrow from "../assets/arrow.png";
 import gitStar from "../assets/gitStar.png";
@@ -11,7 +11,9 @@ const Home = () => {
   const [error, setError] = useState("");
 
   async function fetchGitHubStars() {
-    const response = await fetch("https://api.github.com/repos/AOSSIE-Org/EduAid");
+    const response = await fetch(
+      "https://api.github.com/repos/AOSSIE-Org/EduAid"
+    );
     if (!response.ok) throw new Error("Failed to fetch stars");
     const data = await response.json();
     return data.stargazers_count;
@@ -26,7 +28,11 @@ const Home = () => {
     const storedStars = localStorage.getItem("stars");
     const storedTime = localStorage.getItem("fetchTime");
 
-    if (storedStars && storedTime && !isMoreThanOneDayOld(parseInt(storedTime))) {
+    if (
+      storedStars &&
+      storedTime &&
+      !isMoreThanOneDayOld(parseInt(storedTime))
+    ) {
       setStars(parseInt(storedStars));
     } else {
       fetchGitHubStars()
@@ -65,7 +71,8 @@ const Home = () => {
           </div>
 
           {/* Features */}
-          <div className="flex flex-col items-end sm:items-center sm:flex-row sm:justify-between gap-4 mt-8">
+          <div
+            className="flex flex-col items-end mt-8 gap-4 sm:flex-row sm:items-stretch sm:justify-between">
             {[
               "Doc/Audio Input",
               "In-depth questions gen",
@@ -73,7 +80,8 @@ const Home = () => {
             ].map((feature, i) => (
               <div
                 key={i}
-                className="flex items-center rounded-l-2xl sm:rounded-2xl px-6 py-3 bg-gradient-to-r from-[#FF005C] via-[#7600F2] to-[#00CBE7] gap-4 w-fit"
+                className="flex items-center rounded-l-2xl px-6 py-3 bg-gradient-to-r from-[#FF005C] via-[#7600F2] to-[#00CBE7] gap-4 w-fit
+             sm:flex-1 sm:justify-center sm:rounded-2xl"
               >
                 <img src={starsImg} width={32} height={16} alt="" />
                 <div className="text-white text-base sm:text-xl">{feature}</div>