diff --git a/tabs/pid_tuning.css b/tabs/pid_tuning.css
index 6ef7ef87..c0910b58 100644
--- a/tabs/pid_tuning.css
+++ b/tabs/pid_tuning.css
@@ -242,11 +242,13 @@
     padding: 5px;
     text-align: left;
     border-right: 1px solid #ccc;
-    width: calc(100% - 1px);
+    width: 14%;
+
 }
 
 .tab-pid_tuning .pid_titlebar th:first-child {
     text-align: left;
+    width: 14%;
 }
 
 .tab-pid_tuning .pid_titlebar th:last-child {
@@ -273,11 +275,11 @@
 }
 
 .tab-pid_tuning .compensation td:last-child {
-    width: 40%;
+    width: 80%;
 }
 
 .tab-pid_tuning .compensation td {
-    width: 40%;
+    width: 20%;
 }
 
 .tab-pid_tuning .compensation .slider input {
@@ -306,14 +308,28 @@
 }
 
 .tab-pid_tuning .tab_container {
-    float: top;
-    width: 300px;
-    height: 20px;
+    float: left;
+    width: 396px;
+    height: 29px;
     border-right-width: 0px;
 }
 
 .tab-pid_tuning .tab_container td {
     background-color: #2e2e2e;
+    padding-left: 8px;
+    border-right: 1px solid white;
+
+}
+
+.tab-pid_tuning .tab_container td:first-child {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+
+.tab-pid_tuning .tab_container td:last-child {
+    border-top-right-radius: 5px;
+    border-top-left-radius: 5px;
+    background-color: #2e2e2e;
 }
 
 .tab-pid_tuning .tab_container td a {
@@ -324,6 +340,9 @@
     background-color: #ffbb00;
     color: #000;
     transition: none;
+    height: 27px;
+    padding-left: 8px;
+
 }
 
 .tab-pid_tuning .tab_container td.active a {
@@ -667,7 +686,7 @@
 }
 
 .tab-pid_tuning .pidTuning td {
-width: 50%;
+width: 40%;
 }
 
 .tab-pid_tuning .new_rates td:first-child {
@@ -701,3 +720,42 @@ width: 50%;
 .tab-pid_tuning .new_rates_last-child {
     border-bottom: none;
 }
+
+.tab-pid_tuning .filter {
+    padding-left: 5px;
+}
+
+.tab-pid_tuning .tabboarder {
+    background-color: #ffbb00;
+    float: left;
+    width: 100%;
+    height: 3px;
+    margin-bottom: 10px;
+}
+
+.tab-pid_tuning #pid_level th:first-child {
+    width: 7%;
+}
+
+.tab-pid_tuning #pid_level td:first-child {
+    width: 7%;
+}
+
+.tab-pid_tuning .slider {
+    width: 40% !important;
+}
+
+.tabarea {
+    float: left;
+    width: calc(100% - 22px);
+    padding-left: 10px;
+    position: relative;
+    padding: 10px;
+    border: 1px solid silver;
+    margin-top: -10px;
+    border-bottom-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+    border-top: 0px solid silver;
+
+
+}
\ No newline at end of file
diff --git a/tabs/pid_tuning.html b/tabs/pid_tuning.html
index 6c69a5bf..f32cec1f 100755
--- a/tabs/pid_tuning.html
+++ b/tabs/pid_tuning.html
@@ -45,7 +45,7 @@
                 </div>
             </div>
         </div>
-        <div class="tab_container">
+        <div class="tab_container" style="background-color: #fff;">
             <table>
                 <tr>
                     <td class="pid active">
@@ -57,11 +57,13 @@
                 </tr>
             </table>
         </div>
+        <div class="tabboarder"></div>
+        <div class="tabarea">
         <form name="pid-tuning" id="pid-tuning">
             <div class="subtab-pid">
                 <div class="clear-both"></div>
                 <div class="cf_column twothird">
-                    <div class="gui_box grey topspacer">
+                    <div class="gui_box grey topspacer" style="margin-top: 0px;">
                         <table class="pid_titlebar">
                             <tr>
                                 <th class="name" i18n="pidTuningName"></th>
@@ -206,9 +208,9 @@
                     <div id="pid_accel" class="gui_box grey topspacer pid_tuning">
                         <table class="pid_titlebar">
                             <tr>
-                                <th class="third" i18n="pidTuningName"></th>
-                                <th class="third" i18n="pidTuningStrength"></th>
-                                <th class="third" i18n="pidTuningTransition"></th>
+                                <th class="third" i18n="pidTuningName" style="width: 17%;"></th>
+                                <th class="third" i18n="pidTuningStrength" style="width: 33%;"></th>
+                                <th class="third" i18n="pidTuningTransition" style="width: 33%;"></th>
                             </tr>
                         </table>
                         <table id="pid_level" class="pid_tuning">
@@ -450,7 +452,7 @@
             </div>
             <div class="subtab-filter" style="display: none;">
                 <div class="clear-both"></div>
-                <div class="note topspacer">
+                <div class="note topspacer" style="margin-top: 0px;">
                     <div class="note_spacer">
                         <p i18n="tuningHelp"></p>
                     </div>
@@ -568,6 +570,7 @@
                 </div>
             </div>
         </form>
+        </div>
         <div class="clear-both"></div>
     </div>
     <div class="content_toolbar">