diff --git a/src/App.tsx b/src/App.tsx
index 225d2c8..b223f3d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -20,7 +20,6 @@ const App = () => {
   return (
     <div className={`App ${isDarkMode ? "light-theme" : "dark-theme"}`}>
       <Sidebar navToggle={navToggle} />
-
       <div className="theme">
         <div className="light-dark-mode">
           <div className="left-content">
diff --git a/src/Components/Navigation.tsx b/src/Components/Navigation.tsx
index d2ab440..a33adf4 100644
--- a/src/Components/Navigation.tsx
+++ b/src/Components/Navigation.tsx
@@ -7,7 +7,7 @@ import Image from "next/image";
 const Navigation = () => (
   <NavigationStyled>
     <div className="avatar">
-      <Image src={avatar.src} width={100} height={100} alt="" />
+      <Image src={avatar.src} width={100} height={200} alt="Avatar" />
     </div>
     <ul className="nav-items">
       <li className="nav-item" key="Home">
diff --git a/src/Components/Sidebar.tsx b/src/Components/Sidebar.tsx
index 8f9da36..bffacd0 100644
--- a/src/Components/Sidebar.tsx
+++ b/src/Components/Sidebar.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 import styled from "styled-components";
 import Navigation from "./Navigation";
 
-const Sidebar = ({ navToggle }) => (
+const Sidebar = ({ navToggle }: { navToggle: boolean }) => (
   <SidebarStyled className={navToggle ? "nav-toggle" : ""}>
     <Navigation />
   </SidebarStyled>