diff --git a/browser/components/prefwindow/content/pref-extensions.xul b/browser/components/prefwindow/content/pref-extensions.xul
index 9803cd6dac83..8adda83a3637 100644
--- a/browser/components/prefwindow/content/pref-extensions.xul
+++ b/browser/components/prefwindow/content/pref-extensions.xul
@@ -69,7 +69,7 @@
     </listbox>
 
     <separator class="thin"/>
-    <vbox flex="1" class="inset extensionInfoArea" style="overflow:auto;">
+    <vbox flex="1" class="extensionInfoArea listBox" style="overflow:auto;">
       <label class="header" id="extDisplayName" value=""/>
       <hbox pack="start">
         <label id="extAuthor" tooltip="&author.tooltip;" onclick="parent.visitLink(event);"/>
diff --git a/browser/components/prefwindow/content/pref-themes.xul b/browser/components/prefwindow/content/pref-themes.xul
index b24ca4a41d06..30b1d7b47ef5 100644
--- a/browser/components/prefwindow/content/pref-themes.xul
+++ b/browser/components/prefwindow/content/pref-themes.xul
@@ -85,7 +85,7 @@
 
     <separator class="thin"/>
 
-    <vbox class="inset extensionInfoArea" style="overflow: auto;">
+    <vbox class="extensionInfoArea listBox" style="overflow: auto;">
       <label class="header" id="displayName" value=""/>
       <hbox pack="start">
         <label id="author" onclick="parent.visitLink(event);" tooltip="&author.tooltip;"/>
diff --git a/browser/components/prefwindow/content/pref.xul b/browser/components/prefwindow/content/pref.xul
index 3a8c6674b970..0c3bc083ff4e 100644
--- a/browser/components/prefwindow/content/pref.xul
+++ b/browser/components/prefwindow/content/pref.xul
@@ -80,7 +80,7 @@
   <script type="application/x-javascript" src="chrome://browser/content/pref/nsPrefWindow.js"/>
 
   <hbox flex="1">
-    <vbox id="prefsCategories" class="buttonBox listBox" oncommand="switchPage(event);" orient="vertical" lastpanel="0" persist="lastpanel">
+    <vbox id="prefsCategories" class="listBox buttonBox" oncommand="switchPage(event);" orient="vertical" lastpanel="0" persist="lastpanel">
       <button id="catGeneralButton"   orient="vertical" class="buttonBoxButton" type="radio" group="categories" label="&general.label;"   url="pref-navigator.xul"/>
       <button id="catPrivacyButton"   orient="vertical" class="buttonBoxButton" type="radio" group="categories" label="&privacy.label;"   url="pref-privacy.xul"/>
       <button id="catFeaturesbutton"  orient="vertical" class="buttonBoxButton" type="radio" group="categories" label="&features.label;"  url="pref-features.xul"/>
diff --git a/browser/components/prefwindow/skin/pref.css b/browser/components/prefwindow/skin/pref.css
index ed0eeb201b67..b851c4aec59d 100644
--- a/browser/components/prefwindow/skin/pref.css
+++ b/browser/components/prefwindow/skin/pref.css
@@ -38,15 +38,18 @@
 */
 
 .listBox {
-  border-left: 1px solid ThreeDShadow;
-  border-top: 1px solid ThreeDShadow;
-  border-right: 1px solid ThreeDHighlight;
-  border-bottom: 1px solid ThreeDHighlight;
   -moz-appearance: listbox;
+  margin: 2px 4px;
+  border: 2px solid;
+  -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+  -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+  -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+  background-color: -moz-Field;
 }
 
 .buttonBox {
-  margin-right: 5px; 
+  margin: 0px 5px 0px 0px !important;
 }
 
 .buttonBoxButton {