diff --git a/extras/chrome_extension/css/popup.css b/extras/chrome_extension/css/popup.css
index 53acbeed37..a736abea57 100644
--- a/extras/chrome_extension/css/popup.css
+++ b/extras/chrome_extension/css/popup.css
@@ -15,7 +15,7 @@ h1 {
     margin: 2px 0px 2px 0px;
 }
 h2 {
-    color : black;
+    color : #333;
 }
 p {
     font-size: 20px;
@@ -81,22 +81,33 @@ div.options_header {
 }
 
 div.options_divider {
-    width: 100%;
-    background-color: #C8C8C8;
+    width: 627px;
+    margin-top: 30px;
 }
 
-div.optionsG_textarea {
-    background-color: green;
-    width: 450px;
-    margin: 5px, 10px;
+div.options_divider h2{
+    margin: 20px 20px 0;
+    padding: 5px;
+    font-weight: 500;
+    border: 2px solid #82b92e;
+    border-top-left-radius: 2px;
+    border-top-right-radius: 2px;
+    color: white;
+    text-align: center;
+    background: #82b92e;
+    font-size: 14px;
+    font-weight: 600;
 }
+
 div.options_textarea {
-    background-color: #ebebeb;
+    background-color: #f6f6f6;
     width: 550px;
-    margin: 10px 10px;
-    padding: 10px;
-	-webkit-border-radius: 10px;    
-    border: 2px solid #c8c8c8;
+    margin: 0 20px;
+    padding: 10px 10px 25px 25px;
+    border-bottom-left-radius: 2px;
+    border-bottom-right-radius: 2px;
+    border: 1px solid #e4e4e4;
+    border-top: 0;
 }
 
 div.options_footer {
@@ -105,6 +116,48 @@ div.options_footer {
     padding: 10px;
 }
 
+select {
+    background: white;
+    border: 1px solid #888;
+    font-size: smaller;
+    padding: 2px 1px;
+    width: 250px;
+}
+
+.sound_selector td:first-child {
+    padding-left: 25px;
+    width: 39%;
+}
+
+.options_textarea button {
+    background-color: #82b92e;
+    border: 1px solid #82b92e;
+    color: white;
+    padding: 6px 32px;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 12px;
+    border-radius: 2px;
+    margin: 25px 0px 0px 422px;
+}
+
+.options_textarea button:hover {
+    background-color: transparent;
+    color: #82b92e;
+    cursor: pointer;
+}
+
+.options_textarea h3 {
+    text-align: left;
+    font-size: 11.4pt;
+}
+
+button h3 {
+    margin: 0;
+    font-size: 10pt !important;
+}
+
 .tooltip {
     display: none;
     font-size: 12px;
@@ -172,7 +225,6 @@ div.options_footer {
     color: #333;
 }
 
-
 .event p {
     margin: 0 0 0 6px;
     padding-top: 2px;
diff --git a/extras/chrome_extension/images/gear.png b/extras/chrome_extension/images/gear.png
index 428b2942e0..bc064777f9 100644
Binary files a/extras/chrome_extension/images/gear.png and b/extras/chrome_extension/images/gear.png differ
diff --git a/extras/chrome_extension/images/minus.png b/extras/chrome_extension/images/minus.png
index 2666d189e3..380d9112b8 100644
Binary files a/extras/chrome_extension/images/minus.png and b/extras/chrome_extension/images/minus.png differ
diff --git a/extras/chrome_extension/images/refresh.png b/extras/chrome_extension/images/refresh.png
index 38fff50ea6..3f81fdde0d 100644
Binary files a/extras/chrome_extension/images/refresh.png and b/extras/chrome_extension/images/refresh.png differ
diff --git a/extras/chrome_extension/js/options.js b/extras/chrome_extension/js/options.js
index 220401e3e7..cee8033dde 100644
--- a/extras/chrome_extension/js/options.js
+++ b/extras/chrome_extension/js/options.js
@@ -11,7 +11,7 @@ function initialise(){
 	document.getElementById('normal').value = localStorage["normal"]; 
 	document.getElementById('warning').value = localStorage["warning"];
 	document.getElementById('refresh').value = localStorage["refresh"];
-	document.getElementById('events').value = localStorage["events"];
+	document.getElementById('number_events').value = localStorage["events"];
 	if(localStorage["sound_alert"]=="on"){
 		disable(false);
 		document.getElementById('sound_alert_o').checked=true;
@@ -45,7 +45,7 @@ function change_o(value, id){
 	if(id=="refresh"){
 		localStorage["refresh"]=value;
 	}
-	if(id=="events"){
+	if(id=="number_events"){
 		localStorage["events"]=value;
 	}
 }
@@ -153,8 +153,8 @@ $(document).ready (function () {
 		change_o($(this).val(), "refresh");
 	});
 	
-	$("#events").change(function () {
-		change_o($(this).val(), "events");
+	$("#number_events").change(function () {
+		change_o($(this).val(), "number_events");
 	});
 		
 	//Close button
diff --git a/extras/chrome_extension/options.html b/extras/chrome_extension/options.html
index 7678782265..59410b8b05 100644
--- a/extras/chrome_extension/options.html
+++ b/extras/chrome_extension/options.html
@@ -3,6 +3,7 @@
 	<head>
         <title>Pandora FMS extension</title>
         <link rel="stylesheet" href="css/popup.css" type="text/css" /> 
+        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,500,600' rel='stylesheet' type='text/css'>
         <script src="js/jquery-1.7.2.min.js"></script>
         <script src="js/sound.js"></script>
         <script src="js/options.js"></script>
@@ -35,23 +36,18 @@
                     <td> <input type="password" size=50px name="pass" id="pass"> </td>
                 </tr>
             </table>
-	</div>
-	<div class="options_textarea">
+            <br/>
             <table width=450px>
                 <caption><h3>Event Alert Sounds Configuration</h3></caption>
                 <tr>
-                    <td title="All sound alerts of notifications on/off" style="cursor:help">Sound Alerts </td>
-                    <td>
+                    <td style='padding-bottom: 15px;' title="All sound alerts of notifications on/off" style="cursor:help">Sound Alerts </td>
+                    <td style='padding-bottom: 15px;'>
                         <input type="radio" id="sound_alert_o" name="sound_alert" value="on" /> On
                         <input type="radio" id="sound_alert_f" name="sound_alert" value="off" /> Off
 
                     </td>
                 </tr>
-                <tr>
-                    <td><b>Severity</b></td>
-                    <td ><b>Sound Type</b></td>
-                </tr>
-                <tr>
+                <tr class="sound_selector">
                     <td>Critical</td>
                     <td>
                         <select id="critical">
@@ -69,7 +65,7 @@
                         </select>
                     </td>
                 </tr>
-                <tr>
+                <tr class="sound_selector">
                     <td>Informational</td>
                     <td>
                         <select id="informational">
@@ -87,7 +83,7 @@
                         </select>
                     </td>
                 </tr>
-                <tr>
+                <tr class="sound_selector">
                     <td>Maintenance</td>
                     <td>
                         <select id="maintenance">
@@ -105,7 +101,7 @@
                         </select>
                     </td>
                 </tr>
-                <tr>
+                <tr class="sound_selector">
                     <td>Normal</td>
                     <td>
                         <select id="normal">
@@ -123,7 +119,7 @@
                         </select>
                     </td>
                 </tr>
-                <tr>
+                <tr class="sound_selector">
                     <td>Warning</td>
                     <td>
                         <select id="warning">
@@ -142,8 +138,8 @@
                     </td>
                 </tr>
                 <tr>
-                    <td title="Automatic Refresh time to fetch new events" style="cursor:help">Auto Refresh Time</td>
-                    <td>
+                    <td style='padding-top: 15px;' title="Automatic Refresh time to fetch new events" style="cursor:help">Auto Refresh Time</td>
+                    <td style='padding-top: 15px;'>
                         <select id="refresh">
                             <option value="5">5 seconds</option>
                             <option value="10">10 seconds</option>
@@ -161,7 +157,7 @@
                 <tr>
                     <td title="Number of events to be displayed in pop up window" style="cursor:help">Number of events</td>
                     <td>
-                        <select id="events">
+                        <select id="number_events">
                             <option value="5">5</option>
                             <option value="10">10</option>
                             <option value="12">12</option>
@@ -173,10 +169,11 @@
                     </td>
                 </tr>
             </table>
+
+			<button id="close" type="button"><h3>Close</h3></button>
         </div>
         <div class="options_footer">
-			<button id="close" type="button"><h3>Close</h3></button>
-			<p style="font-family:arial;font-style:italic;color:black;font-size:11px;">Author Information : R.Hareesan (rharishan@gmail.com)</p>
+			<p style="display: none;font-family:arial;font-style:italic;color:black;font-size:11px;">Author Information : R.Hareesan (rharishan@gmail.com)</p>
         </div>
     </body>
     </html>