diff --git a/interface/src/App.css b/interface/src/App.css
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/SEQTA.js b/src/SEQTA.js
index 23662865..7d3143ad 100644
--- a/src/SEQTA.js
+++ b/src/SEQTA.js
@@ -811,8 +811,9 @@ export function closeSettings() {
       '#ExtensionPopup',
       { opacity: [1, 0], scale: [1, 0] },
       { easing: spring({ stiffness: 220, damping: 18 }) }
-      );
+    );
     SettingsClicked = false;
+    document.getElementById('ExtensionIframe').contentWindow.postMessage('popupClosed', '*');
   }
 
   extensionsettings.classList.add('hide');
@@ -841,6 +842,7 @@ function addExtensionSettings() {
   extensionPopup.appendChild(extensionIframe);
 
   const container = document.getElementById('container');
+  
   const closeExtensionPopup = () => {
     extensionPopup.classList.add('hide');
     animate(
@@ -848,8 +850,10 @@ function addExtensionSettings() {
       { opacity: [1, 0], scale: [1, 0] },
       { easing: [.22, .03, .26, 1] }
     );
+    document.getElementById('ExtensionIframe').contentWindow.postMessage('popupClosed', '*');
     SettingsClicked = false;
   };
+
   container.onclick = (event) => {
     if (event.target.closest('#AddedSettings') == null && SettingsClicked) {
       closeExtensionPopup()
@@ -1317,6 +1321,7 @@ async function AddBetterSEQTAElements(toggle) {
             { opacity: [1, 0], scale: [1, 0] },
             { easing: spring({ stiffness: 220, damping: 18 }) }
           );
+          document.getElementById('ExtensionIframe').contentWindow.postMessage('popupClosed', '*');
           SettingsClicked = false;      
         } else {
           extensionPopup.classList.remove('hide');
diff --git a/src/css/injected.scss b/src/css/injected.scss
index 564fff1f..cca22770 100644
--- a/src/css/injected.scss
+++ b/src/css/injected.scss
@@ -79,7 +79,7 @@ html {
   button {
     background: var(--background-primary) !important;
     height: auto;
-    padding: 8px 16px !important;
+    padding: 4px 16px !important;
     overflow: clip !important;
 
     &.depressed {
@@ -90,10 +90,25 @@ html {
   }
 }
 
+.PillBox__PillBox___3GjAk {
+  border-radius: 1rem;
+  overflow: hidden;
+  border: var(--background-secondary) 1px solid;
+
+  .PillBox__active___3Qpi9 {
+    background: var(--background-secondary) !important;
+  }
+}
+
 .legacy-root button:active, .legacy-root a:active {
   background-image: unset !important;
 }
 
+.ace_editor {
+  border-radius: 1rem;
+  border-top: none !important;
+}
+
 #main > .dashboard {
   grid-template-columns: repeat(autofit, minmax(200px, 400px)) !important;
   background: unset;