diff --git a/src/app/app.component.html b/src/app/app.component.html
index dd714e066f68ccedffd387c11a2aa6b8c5d34f74..8219add609491cfa94a47baa9f7b1680f7348fea 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,7 +1,7 @@
 <div class="container is-fluid">
   <nav class="navbar" role="navigation" aria-label="main navigation">
     <div class="navbar-brand">
-      <img routerLink="/" src="assets/covex_logo.png" class="menu-icon is-hoverable navbar-item" alt="logo" width="200"/>
+      <img routerLink="/" src="assets/covex_logo.png" class="menu-icon is-hoverable navbar-item logo" alt="logo"/>
       <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false">
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
diff --git a/src/app/pages/about-page/about-page.component.scss b/src/app/pages/about-page/about-page.component.scss
index 7525aa42fca20dd2cfe91318362961684927d59b..7dc7ccfe1cc03e1deada6f1b2d49b68c19b83393 100644
--- a/src/app/pages/about-page/about-page.component.scss
+++ b/src/app/pages/about-page/about-page.component.scss
@@ -3,7 +3,7 @@ i {
 }
 
 div.scroll{
-
-  height: calc(100vh - 102px);
   overflow: auto;
+  height: calc(100vh - 70px);
 }
+
diff --git a/src/app/pages/home-page/home-page.component.html b/src/app/pages/home-page/home-page.component.html
index 0c63352035de74e414f9ac8b5c21a3b296a72549..caeb9d643eb7236a64d30ec96f05bf99a63a0e7a 100644
--- a/src/app/pages/home-page/home-page.component.html
+++ b/src/app/pages/home-page/home-page.component.html
@@ -1,8 +1,9 @@
+<!--htmlhint inline-style-disabled:false -->
 <div class="content landing scroll">
   <div class="container has-text-centered">
     <div class="column is-6 width100">
 
-      <img src="assets/covex_logo.png">
+      <img src="assets/covex_logo.png" style="height: 200px; width: 600px">
 
       <h1 class="subtitle is-2">
         <i>Explore the </i> <b> virus-host interactome</b>
diff --git a/src/app/pages/home-page/home-page.component.scss b/src/app/pages/home-page/home-page.component.scss
index e55c62e935e32a4e4df548d5ed31643c41b9cb9f..de8b3bdfb8f8bdcbb2f620ac7cf27e3036c190b9 100644
--- a/src/app/pages/home-page/home-page.component.scss
+++ b/src/app/pages/home-page/home-page.component.scss
@@ -1,13 +1,15 @@
 img {
   width: 600px;
+  height: 200px;
   padding: 30px;
   background-color: rgba(255, 255, 255, 0.7);
   border-radius: 25px;
 }
 
-div.scroll {
-  height: calc(100vh - 82.36px);
+
+div.scroll{
   overflow: auto;
+  height: calc(100vh - 60px);
 }
 
 h1.subtitle.is-2 {
diff --git a/src/styles.scss b/src/styles.scss
index e539e5fccb84f12bd7bd4301fbff44c981e3c901..742c05d9dabc8a132a320eb3880ea50837e9a2ac 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -26,12 +26,26 @@ body {
   height: 100%;
 }
 
+nav.navbar {
+  height: 60px;
+}
+
+img.menu-icon.is-hoverable.navbar-item.logo {
+  height: 45px;
+  width: 125px;
+  padding-top: 5px;
+  padding-bottom: 10px;
+  padding-left: 0px;
+  padding-right: 0px;
+}
+
 .landing {
   background-color: $primary;
   background-image: url("assets/virus_background.jpg");
   background-size: cover;
   background-repeat: no-repeat;
-  height: calc(100vh - 82.36px);
+  height: calc(100vh - 60px);
+  width: 100vw;
 }
 
 div.navbar-menu {
@@ -112,11 +126,11 @@ div.covex.network {
 
 div.card.network {
   width: 100%;
-  height: calc(100vh - 85px);
+  height: calc(100vh - 75px);
 }
 
 div.network {
-  height: calc(100vh - 210px);
+  height: calc(100vh - 200px);
 }
 
 div.parent {
@@ -141,9 +155,9 @@ div.center {
 
 
 div.covex.explorer {
-  height: calc(100vh - 90px);
-  margin-left: 20px;
-  margin-right: 20px;
+  height: calc(100vh - 70px);
+  margin-left: 10px;
+  margin-right: 10px;
 }
 
 .analysis-view {