diff --git a/src/App.tsx b/src/App.tsx
index c87a68e..e881e0d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,6 +5,7 @@ import Editor from './components/Editor/Editor';
 import ReactSplitPane from './components/SplitPane/SplitPane';
 import SwaggerUI from 'swagger-ui-react';
 import petStoreAPISpec from './assets/petstore.apispec.json';
+import Header from './components/Header/Header';
 import Footer from './components/Footer/Footer';
 
 
@@ -29,6 +30,7 @@ function App() {
   }, [leftMenuCollapse])
   return (
     <>
+      <Header />
       <div className="app-wrapper">
         <LeftMenu setContent={setContent} leftMenuCollapse={leftMenuCollapse} setLeftMenuCollapse={setLeftMenuCollapse} />
         <div className="editor-page-wrapper" ref={rightMenuRef}>
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
new file mode 100644
index 0000000..24b83a3
--- /dev/null
+++ b/src/components/Header/Header.tsx
@@ -0,0 +1,11 @@
+const Header:React.FC = ({}) => {
+    return(
+        <header>
+            <div className="header-wrapper">
+                <div>OpenAPI Specification editor</div>
+            </div>
+        </header>
+    )
+}
+
+export default Header;
\ No newline at end of file
diff --git a/src/sass/components/_header.scss b/src/sass/components/_header.scss
new file mode 100644
index 0000000..6f2190d
--- /dev/null
+++ b/src/sass/components/_header.scss
@@ -0,0 +1,9 @@
+header{
+    height: 100%;
+    padding: 15px;
+    border-bottom: 1px solid #d2d2d2;
+    .header-wrapper{
+        display: flex;
+        align-items: center;
+    }
+}
\ No newline at end of file
diff --git a/src/sass/components/_leftMenu.scss b/src/sass/components/_leftMenu.scss
index 13fbcb4..8c9a2f8 100644
--- a/src/sass/components/_leftMenu.scss
+++ b/src/sass/components/_leftMenu.scss
@@ -1,5 +1,5 @@
 .left-menu{
-    height: 100vh;
+    height: calc(100vh - 110px);
     width: 350px;
     border-right: 1px dotted var(--color-background-border);
     display: flex;
diff --git a/src/sass/index.scss b/src/sass/index.scss
index 69961b1..48f5574 100644
--- a/src/sass/index.scss
+++ b/src/sass/index.scss
@@ -9,11 +9,12 @@
 @import "./components/readfile";
 @import "./components/splitPane";
 @import "./components/editor/editor";
+@import "./components/header";
 @import "./components/footer";
 
 .app-wrapper{
     display: flex;
-    height: calc(100vh - 55px);
+    height: calc(100vh - 110px);
     .editor-page-wrapper{
         position:relative;
         width: calc(100vw - 350px);