diff --git a/packages/common/assets/icons/iconoir_settings.svg b/packages/common/assets/icons/iconoir_settings.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f79ff652ff21e799aced1144e93786545971c357
--- /dev/null
+++ b/packages/common/assets/icons/iconoir_settings.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg width="37px" height="37px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="#000000"><path d="M12 15a3 3 0 100-6 3 3 0 000 6z" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19.622 10.395l-1.097-2.65L20 6l-2-2-1.735 1.483-2.707-1.113L12.935 2h-1.954l-.632 2.401-2.645 1.115L6 4 4 6l1.453 1.789-1.08 2.657L2 11v2l2.401.655L5.516 16.3 4 18l2 2 1.791-1.46 2.606 1.072L11 22h2l.604-2.387 2.651-1.098C16.697 18.831 18 20 18 20l2-2-1.484-1.75 1.098-2.652 2.386-.62V11l-2.378-.605z" stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>
\ No newline at end of file
diff --git a/packages/common/styles.js b/packages/common/styles.js
index 2ccedc352dc082b401862f756609e1df05f5ff27..22441d195b00b42693a1e75d74469e349259bd0e 100644
--- a/packages/common/styles.js
+++ b/packages/common/styles.js
@@ -633,6 +633,14 @@ export function getButtonCSS() {
             border-radius: calc(var(--dbp-border-radius) / 2);
             font-size: 0.75rem;
         }
+        
+        button.button.is-icon, .button.is-icon {
+            border: none;
+            font-size: 1.5rem;
+            padding: 0px;
+            width: 40px;
+            height: 40px;
+        }
 
         button.button.is-primary,
         .button.is-primary {