diff --git a/src/lib/MenuModals/CreateBlock.svelte b/src/lib/MenuModals/CreateBlock.svelte
index ac7aa5a..98b2fde 100644
--- a/src/lib/MenuModals/CreateBlock.svelte
+++ b/src/lib/MenuModals/CreateBlock.svelte
@@ -293,9 +293,9 @@
             </div>
         </div>
         <div class="modal-buttons">
-            <button class="button-accept" on:click={event}>OK</button>
-            <div style="margin-left:6px" />
             <button class="button-cancel" on:click={cancel}>Cancel</button>
+            <div style="margin-left:6px" />
+            <button class="button-accept" on:click={event}>OK</button>
             <div style="margin-left:24px" />
         </div>
     </div>
diff --git a/src/lib/MenuModals/ExtensionColors.svelte b/src/lib/MenuModals/ExtensionColors.svelte
index e438100..09dab3b 100644
--- a/src/lib/MenuModals/ExtensionColors.svelte
+++ b/src/lib/MenuModals/ExtensionColors.svelte
@@ -115,9 +115,10 @@
             </div>
         </div>
         <div class="modal-buttons">
-            <button class="button-accept" on:click={event}>OK</button>
-            <div style="margin-left:6px" />
             <button class="button-cancel" on:click={cancel}>Cancel</button>
+            <div style="margin-left:6px" />
+            <button class="button-accept" on:click={event}>OK</button>
+            <div style="margin-left:24px" />
         </div>
     </div>
 </div>
@@ -241,7 +242,7 @@
         display: flex;
         flex-direction: row;
         align-items: center;
-        justify-content: center;
+        justify-content: right;
     }
 
     .extensionMenuPreview {