diff --git a/client/index.css b/client/index.css
index cfb23b6..8168170 100644
--- a/client/index.css
+++ b/client/index.css
@@ -71,10 +71,6 @@ a {
     display: flex;
     justify-content: center;
 }
-.hero__logo img {
-    object-fit: cover;
-    width: 16rem;
-}
 .hero__heading {
     color: var(--color-gray-9);
     font-size: 2rem;
diff --git a/client/pages/HomePage.tsx b/client/pages/HomePage.tsx
index b128661..d8a5bec 100644
--- a/client/pages/HomePage.tsx
+++ b/client/pages/HomePage.tsx
@@ -42,7 +42,7 @@ const HomePage = () => {
             </Helmet>
             <div className="hero">
                 <div className="container">
-                    <div className="hero__logo"><img src="/assets/logo.png" alt="CSS Layout" /></div>
+                    <div className="hero__logo"><img src="/assets/logo.png" height="256" width="256" alt="CSS Layout" /></div>
                     <h1 className="home__heading">CSS Layout</h1>
                     <h2 className="hero__subheading">Popular Layouts & patterns made with CSS</h2>
                 </div>