diff --git a/templates/Sparkle/assets/css/main.css b/templates/Sparkle/assets/css/main.css
index 72fd3acc..1982fdf8 100644
--- a/templates/Sparkle/assets/css/main.css
+++ b/templates/Sparkle/assets/css/main.css
@@ -478,6 +478,7 @@ nav {
 	width:230px;
 	background-color:#f7f8fa;
 	min-height:500px;
+	padding-top: 10px;
 }
 
 nav div:first-child {
diff --git a/templates/Sparkle/header.tpl b/templates/Sparkle/header.tpl
index 1ed341ad..595af5bd 100644
--- a/templates/Sparkle/header.tpl
+++ b/templates/Sparkle/header.tpl
@@ -28,11 +28,11 @@
 	{$js}
 	<link href="templates/{$theme}/assets/img/favicon.ico" rel="icon" type="image/x-icon" />
 	<title><if isset($userinfo['loginname']) && $userinfo['loginname'] != ''>{$userinfo['loginname']} - </if>Froxlor Server Management Panel</title>
+	<if Settings::Get('panel.use_webfonts') == '1'>
 	<style type="text/css">
-	body {
-        font-family: <if Settings::Get('panel.use_webfonts') == '1'>{$webfont},</if> 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
-	}
+		body { font-family: {$webfont}, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; }
 	</style>
+	</if>
 </head>
 <body>
 
diff --git a/templates/Sparkle/index.tpl b/templates/Sparkle/index.tpl
index 59e5b0e4..966663c8 100644
--- a/templates/Sparkle/index.tpl
+++ b/templates/Sparkle/index.tpl
@@ -17,11 +17,11 @@
 	<script type="text/javascript" src="js/jquery.min.js"></script>
 	<script type="text/javascript" src="templates/{$theme}/assets/js/main.js"></script>
 	<title>{$title}Froxlor Server Management Panel</title>
+	{if $use_webfonts == 1}
 	<style type="text/css">
-		body {
-			font-family: {if $use_webfonts == 1}{$webfont},{/if} 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
-		}
+		body { font-family: {$webfont}, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif; }
 	</style>
+	{/if}
 </head>
 <body>
 
