diff --git a/apps/remix-ide/src/app/components/side-panel.js b/apps/remix-ide/src/app/components/side-panel.js
index 9ae16dd742..b68f7430ad 100644
--- a/apps/remix-ide/src/app/components/side-panel.js
+++ b/apps/remix-ide/src/app/components/side-panel.js
@@ -25,6 +25,7 @@ const css = csjs`
   .swapitHeader {
     display: flex;
     align-items: center;
+    padding: 16px 24px 15px;
     justify-content: space-between;
   }
   .icons i {
@@ -128,7 +129,7 @@ export class SidePanel extends AbstractPanel {
     }
 
     const header = yo`
-      <header class="${css.swapitHeader} px-3 py-3">
+      <header class="${css.swapitHeader}">
         <h6 class="${css.swapitTitle}" data-id="sidePanelSwapitTitle">${name}</h6>
         ${docLink}
         ${versionWarning}
diff --git a/apps/remix-ide/src/app/tabs/settings-tab.js b/apps/remix-ide/src/app/tabs/settings-tab.js
index b96e88d58c..0c9d0591a6 100644
--- a/apps/remix-ide/src/app/tabs/settings-tab.js
+++ b/apps/remix-ide/src/app/tabs/settings-tab.js
@@ -115,7 +115,7 @@ module.exports = class SettingsTab extends ViewPlugin {
 
     this._view.config.general = yo`
       <div class="${css.info} border-top">
-        <div class="card-body px-3 pt-3 pb-2">
+        <div class="card-body pt-3 pb-2">
           <h6 class="${css.title} card-title">General settings</h6>
           <div class="mt-2 custom-control custom-checkbox mb-1">
             ${this._view.generateContractMetadata}
@@ -138,7 +138,7 @@ module.exports = class SettingsTab extends ViewPlugin {
       `
     this._view.gistToken = yo`
       <div class="${css.info} border-top">
-        <div class="card-body px-3 pt-3 pb-2">
+        <div class="card-body pt-3 pb-2">
           <h6 class="${css.title} card-title">Github Access Token</h6>
           <p class="mb-1">Manage the access token used to publish to Gist and retrieve Github contents.</p>
           <p class="">Go to github token page (link below) to create a new token and save it in Remix. Make sure this token has only 'create gist' permission.</p>
@@ -148,7 +148,7 @@ module.exports = class SettingsTab extends ViewPlugin {
       </div>`
     this._view.config.themes = yo`
       <div class="${css.info} border-top">
-        <div class="card-body px-3 pt-3 pb-2">
+        <div class="card-body pt-3 pb-2">
           <h6 class="${css.title} card-title">Themes</h6>
             ${this._view.themesCheckBoxes}
         </div>