diff --git a/src/editor/dialogs/editorPreferencesDialog.js b/src/editor/dialogs/editorPreferencesDialog.js
index 569d39be..dc9c34c7 100644
--- a/src/editor/dialogs/editorPreferencesDialog.js
+++ b/src/editor/dialogs/editorPreferencesDialog.js
@@ -119,11 +119,12 @@ template.innerHTML = `
     float: left;
     margin: 2px;
     padding: 20px;
+    border: 1px solid #6f6f6f;
   }
   
   #change_background div.cur_background {
     border: 2px solid blue;
-    padding: 18px;
+    padding: 19px;
   }
   #canvas_bg_url {
     display: block;
@@ -511,7 +512,7 @@ export class SeEditPrefsDialog extends HTMLElement {
       if (e === 'chessboard') {
         newdiv.dataset.bgColor = e;
         // eslint-disable-next-line max-len
-        newdiv.style.backgroundImage = 'url(data:image/gif;base64,R0lGODlhEAAQAIAAAP///9bW1iH5BAAAAAAALAAAAAAQABAAAAIfjGgq4jM3IFLJgpswNly/XkcBpIiVaInlLJr9FZWAQA7)';
+        newdiv.style.backgroundImage = 'url(data:image/gif;base64,R0lGODlhEAAQAIAAAP///9bW1iH5BAAAAAAALAAAAAAQABAAAAIfjG+gq4jM3IFLJgpswNly/XkcBpIiVaInlLJr9FZWAQA7)';
         newdiv.classList.add('color_block');
       } else {
         newdiv.dataset.bgColor = e; // setAttribute('data-bgcolor', e);