diff --git a/dmp-frontend/src/app/app.component.css b/dmp-frontend/src/app/app.component.css
index 7c310ecd1..d1a3ac813 100644
--- a/dmp-frontend/src/app/app.component.css
+++ b/dmp-frontend/src/app/app.component.css
@@ -81,7 +81,8 @@
     padding-bottom: 500px; 
     */
 
-    
+    border-radius: 15px;
+
 
     z-index: 1;
     overflow-x: hidden;
@@ -100,6 +101,8 @@
     border-style: solid;
     border-width: thin;
 
+    border-radius: 15px;
+    padding-top: 60px;
 }
 
 #appBody {
@@ -118,7 +121,7 @@
     font-size: 25px;
     color: #818181;
     display: block;
-    transition: 0.3s;
+    transition: 0.5s;
 }
 
 .sidenav a:hover {
@@ -135,7 +138,7 @@
 
 #main {
     transition: margin-left .5s;
-    padding: 16px;
+    /*padding: 16px;*/
 }
 
 @media screen and (max-height: 450px) {
diff --git a/dmp-frontend/src/app/app.component.ts b/dmp-frontend/src/app/app.component.ts
index 2d93acd27..49b2c67ed 100644
--- a/dmp-frontend/src/app/app.component.ts
+++ b/dmp-frontend/src/app/app.component.ts
@@ -51,8 +51,9 @@ export class AppComponent implements OnInit {
 
 
   login(){
+    console.log("navigating to login")
     //redirect to login page
-    this.router.navigate(['/login'], { queryParams: { /*returnUrl: this.state.url*/ }});
+    this.router.navigate(['/login'], { queryParams: { /*refresh : Math.random(),returnUrl: this.state.url*/ }});
   }
   
   logout(){