diff --git a/cypress/integration/ui/scenario.js b/cypress/integration/ui/scenario.js
index 51424509..4412b614 100644
--- a/cypress/integration/ui/scenario.js
+++ b/cypress/integration/ui/scenario.js
@@ -182,9 +182,7 @@ describe('use various parts of svg-edit', function () {
   });
   it('check tool_text_change_font_family', function () {
     cy.get('#svg_1').click({ force: true });
-    cy.get('#tool_font_family').shadow().find('elix-dropdown-list').eq(0).invoke('attr', 'opened', 'opened');
-    cy.get('#tool_font_family').find('se-list-item').eq(6).shadow().find('elix-option').eq(0)
-      .click({ force: true });
+    cy.get('#tool_font_family').shadow().find('select').select("Serif");
     cy.get('#svgcontent').toMatchSnapshot();
   });
 });
diff --git a/cypress/integration/ui/scenario3.js b/cypress/integration/ui/scenario3.js
index ca548f87..a8aaebf7 100644
--- a/cypress/integration/ui/scenario3.js
+++ b/cypress/integration/ui/scenario3.js
@@ -56,7 +56,7 @@ describe('use all parts of svg-edit', function () {
   it('check tool_path_change_seg_type', function () {
     cy.get('#svg_1').click({ force: true });
     cy.get('#svg_1').dblclick({ force: true });
-    cy.get('#seg_type').select('6').should('have.value', '6');
+    cy.get('#seg_type').shadow().find('select').select('6').should('have.value', '6');
     cy.get('#ctrlpointgrip_3c1')
       .trigger('mousedown', { force: true })
       .trigger('mousemove', 130, 175, { force: true })
diff --git a/src/editor/ConfigObj.js b/src/editor/ConfigObj.js
index b406d107..f4095ba6 100644
--- a/src/editor/ConfigObj.js
+++ b/src/editor/ConfigObj.js
@@ -122,7 +122,7 @@ export default class ConfigObj {
       text: {
         stroke_width: 0,
         font_size: 24,
-        font_family: 'serif'
+        font_family: 'Serif'
       },
       initOpacity: 1,
       initTool: 'select',