fix(ui fixes for images and navbar)

Author: soumyajit4419

src/components/Home/Home.js

@@ -14,7 +14,10 @@ function Home() {
           <Row>
             <Col md={7} className="home-header">
               <h1 style={{ paddingBottom: 15 }} className="heading">
-                Hi There! <span className="wave" role="img" aria-labelledby="wave">👋🏻</span>
+                Hi There!{" "}
+                <span className="wave" role="img" aria-labelledby="wave">
+                  👋🏻
+                </span>
               </h1>
 
               <h1 className="heading-name">
@@ -28,7 +31,12 @@ function Home() {
             </Col>
 
             <Col md={5} style={{ paddingBottom: 20 }}>
-              <img src={homeLogo} alt="home pic" className="img-fluid" />
+              <img
+                src={homeLogo}
+                alt="home pic"
+                className="img-fluid"
+                style={{ maxHeight: "450px" }}
+              />
             </Col>
           </Row>
         </Container>

src/style.css

@@ -18,6 +18,10 @@ html {
   color: var(--imp-text-color) !important;
 }
 
+button:focus {
+  box-shadow: none !important;
+}
+
 /* --------- */
 /*  Preloader */
 /* --------- */
@@ -86,7 +90,6 @@ html {
 }
 
 .navbar-toggler {
-  padding: 0.25rem 1.5rem !important;
   position: relative !important;
   background-color: transparent !important;
   border-color: transparent !important;