diff --git a/interface/src/pages/Settings.tsx b/interface/src/pages/Settings.tsx
index 08c7529e..13689a2d 100644
--- a/interface/src/pages/Settings.tsx
+++ b/interface/src/pages/Settings.tsx
@@ -51,7 +51,7 @@ const Settings: React.FC = () => {
     {
       title: "Edit Sidebar Layout",
       description: "Customise the sidebar layout.",
-      modifyElement: <button onClick={() => chrome.runtime.sendMessage({ type: 'currentTab', info: 'EditSidebar' })} className='px-4 py-1 text-[0.75rem] bg-blue-500 rounded-md'>Edit</button>
+      modifyElement: <button onClick={() => chrome.runtime.sendMessage({ type: 'currentTab', info: 'EditSidebar' })} className='px-4 py-1 text-[0.75rem] dark:bg-[#38373D] bg-[#DDDDDD] dark:text-white rounded-md'>Edit</button>
     },
     {
       title: "Transparency Effects",
diff --git a/src/SEQTA.js b/src/SEQTA.js
index 311e360e..671990e4 100644
--- a/src/SEQTA.js
+++ b/src/SEQTA.js
@@ -940,7 +940,6 @@ export function OpenMenuOptions() {
       const element = ListItems[i];
 
       element.classList.add('draggable');
-      element.setAttribute('draggable', true);
       if (element.classList.contains('hasChildren')) {
         element.classList.remove('active');
         menu.firstChild.classList.remove('noscroll');
diff --git a/src/css/injected.scss b/src/css/injected.scss
index e628de8c..64e4ad80 100644
--- a/src/css/injected.scss
+++ b/src/css/injected.scss
@@ -1667,10 +1667,11 @@ body {
   --menuHidden: none;
 }
 .editmenuoption {
-  padding: 8px;
-  background: var(--better-light);
+  background: var(--background-primary);
+  color: var(--text-primary);
   border-radius: 5px;
   margin: 0 10px;
+  padding: 8px;
   cursor: pointer;
 }
 .editmenuoption-container {