diff --git a/src/app/components/side-panel.js b/src/app/components/side-panel.js
index 3cc761bff2..2a0623ebac 100644
--- a/src/app/components/side-panel.js
+++ b/src/app/components/side-panel.js
@@ -23,9 +23,9 @@ const css = csjs`
     font-size: 14px;
   }
   .swapitHeader {
-    height: 35px;
     display: flex;
     align-items: center;
+    padding: 16px 24px 15px;
   }
   .icons i {
     height: 80%;
@@ -34,7 +34,6 @@ const css = csjs`
   .pluginsContainer {
     height: 100%;
     overflow-y: auto;
-    padding-top: 24px;
   }
   .titleInfo {
     padding-left: 10px;
@@ -129,7 +128,7 @@ export class SidePanel extends AbstractPanel {
     }
 
     const header = yo`
-      <header class="${css.swapitHeader} px-3">
+      <header class="${css.swapitHeader}">
         <h6 class="${css.swapitTitle}" data-id="sidePanelSwapitTitle">${name}</h6>
         ${docLink}
         ${versionWarning}
diff --git a/src/app/tabs/styles/compile-tab-styles.js b/src/app/tabs/styles/compile-tab-styles.js
index 5204ef8a27..d4566395a6 100644
--- a/src/app/tabs/styles/compile-tab-styles.js
+++ b/src/app/tabs/styles/compile-tab-styles.js
@@ -70,7 +70,7 @@ const css = csjs`
     margin: 0;
   }
   .compilerSection {
-    padding: 0 24px 16px;
+    padding: 12px 24px 16px;
   }
   .compilerLabel {
     margin-bottom: 2px;