diff --git a/ethernet-view/src/components/BootloaderContainer/Bootloader/SendElement/SendElement.module.scss b/ethernet-view/src/components/BootloaderContainer/Bootloader/SendElement/SendElement.module.scss
index a6ba3ba3a..0f1b5f0a7 100644
--- a/ethernet-view/src/components/BootloaderContainer/Bootloader/SendElement/SendElement.module.scss
+++ b/ethernet-view/src/components/BootloaderContainer/Bootloader/SendElement/SendElement.module.scss
@@ -12,7 +12,7 @@
 }
 
 .fileIcon {
-    font-size: 1.8rem;
+    font-size: 0.9rem;
     color: orange;
 }
 
@@ -22,17 +22,17 @@
     flex-direction: column;
     gap: 0.5rem;
     text-overflow: ellipsis;
+    font-size: 1rem;
 }
 
 .name {
     flex: 1 1 0;
-
     font-weight: bold;
     text-overflow: ellipsis;
 }
 
 .removeBtn {
-    color: #bebebe;
-    font-size: 0.8rem;
     cursor: pointer;
+    width: 25px;
+    height: 25px;
 }
diff --git a/ethernet-view/src/components/Navbar/NavbarItem/NavbarItem.tsx b/ethernet-view/src/components/Navbar/NavbarItem/NavbarItem.tsx
index 627b97359..77315fdab 100644
--- a/ethernet-view/src/components/Navbar/NavbarItem/NavbarItem.tsx
+++ b/ethernet-view/src/components/Navbar/NavbarItem/NavbarItem.tsx
@@ -3,6 +3,7 @@ import styles from "components/Navbar/NavbarItem/NavbarItem.module.scss";
 export type NavbarItemData = {
     icon: string;
     page: string;
+    
 };
 
 type Props = {
diff --git a/ethernet-view/src/layouts/AppLayout/AppLayout.tsx b/ethernet-view/src/layouts/AppLayout/AppLayout.tsx
index 49b27d37a..33e4dc894 100644
--- a/ethernet-view/src/layouts/AppLayout/AppLayout.tsx
+++ b/ethernet-view/src/layouts/AppLayout/AppLayout.tsx
@@ -2,6 +2,8 @@
 import styles from "./AppLayout.module.scss"
 import Testing from "assets/svg/testing.svg"
 import Logger from "assets/svg/logger.svg"
+import Chart from "assets/svg/chart.svg"
+
 import { Navbar } from "components/Navbar/Navbar"
 import { ReactNode } from "react"
 
@@ -12,7 +14,6 @@ interface Props {
 }
 
 export const AppLayout = ({children, pageShown, setPageShown} : Props) => {
-
     return (
         <div className={styles.appLayout}>
             <Navbar items={[
@@ -23,6 +24,10 @@ export const AppLayout = ({children, pageShown, setPageShown} : Props) => {
                 {
                     icon: Logger,
                     page: "logger"
+                },
+                {
+                    icon: Chart,
+                    page: "chart"
                 }
                 ]}
                 pageShown={pageShown}