diff --git a/html/includes/functions.inc.php b/html/includes/functions.inc.php
index 8640f555a..088e0444b 100644
--- a/html/includes/functions.inc.php
+++ b/html/includes/functions.inc.php
@@ -26,9 +26,9 @@ function generate_port_thumbnail($args) {
     echo $output;
 }
 
-function print_optionbar_start ($height = 20) {
+function print_optionbar_start ($height = 20, $width = 0) {
   echo("
-    <div style='margin:auto; text-align: center; margin-top: 0px; margin-bottom: 10px;'>
+    <div style='margin:auto; text-align: center; margin-top: 0px; margin-bottom: 10px; " . ($width ? 'max-width: ' . $width . 'px; ' : '') . "'>
     <b class='rounded'>
     <b class='rounded1'><b></b></b>
     <b class='rounded2'><b></b></b>
diff --git a/html/pages/logon.inc b/html/pages/logon.inc
index 59e7a95dc..020d071ec 100644
--- a/html/pages/logon.inc
+++ b/html/pages/logon.inc
@@ -1,11 +1,4 @@
-<div style="margin:auto; text-align: center; margin-top: 20px; max-width:420px">
-  <b class='rounded'>
-  <b class='rounded1'></b>
-  <b class='rounded2'></b>
-  <b class='rounded3'></b>
-  <b class='rounded4'></b>
-  <b class='rounded5'></b></b>
-  <div class="roundedfg" style="padding-left:10px;">
+<?php print_optionbar_start(175,420); ?>
     <div style="margin: auto; width:350px; padding:5px;">
       <table  border="0" cellpadding="0" cellspacing="0">
         <tr>
@@ -39,16 +32,10 @@ if($auth_message) {
         </tr>
       </table>
     </div>
-  </div>
-  <b class='rounded'>
-  <b class='rounded5'></b>
-  <b class='unded4'></b>
-  <b class='rounded3'></b>
-  <b class='rounded2'></b>
-  <b class='rounded1'></b></b>
-</div>
-
 <?php
+
+print_optionbar_end();
+
 if($config['login_message']) {
   echo('<div style="margin: auto; margin-top: 10px;text-align: center; font-weight: bold; color: #cc0000; width: 470px;">'.$config['login_message'].'</div>');
 }