diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000000..6e87a003da
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,13 @@
+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/style.ts b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/style.ts
index 81c3f1d13c..7b66216661 100644
--- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/style.ts
+++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/style.ts
@@ -1,4 +1,5 @@
 import { styled } from '@/styles';
+import { Button } from '@/ui/button';
 
 export const StyledModalWrapper = styled('div')(({ theme }) => {
   return {
@@ -53,3 +54,10 @@ export const StyledButtonContent = styled('div')(({ theme }) => {
     margin: '0px 0 32px 0',
   };
 });
+
+export const StyledButton = styled(Button)(({ theme }) => {
+  return {
+    width: '260px',
+    justifyContent: 'center',
+  };
+});
diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx
index e4b5b5902b..b9f649f20f 100644
--- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx
+++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx
@@ -8,6 +8,7 @@ import {
   StyledModalWrapper,
   StyledInputContent,
   StyledButtonContent,
+  StyledButton,
 } from './style';
 import { useState } from 'react';
 import { ModalCloseButton } from '@/ui/modal';
@@ -26,7 +27,7 @@ export const WorkspaceCreate = ({ open, onClose }: WorkspaceCreateProps) => {
   return (
     <Modal open={open} onClose={onClose}>
       <StyledModalWrapper>
-        <ModalCloseButton />
+        <ModalCloseButton onClick={onClose} />
         <StyledModalHeader>Create new Workspace</StyledModalHeader>
         <StyledTextContent>
           Workspaces are shared environments where teams can collaborate. After
@@ -40,15 +41,14 @@ export const WorkspaceCreate = ({ open, onClose }: WorkspaceCreateProps) => {
           ></Input>
         </StyledInputContent>
         <StyledButtonContent>
-          <Button
+          <StyledButton
             disabled={!workspaceName.length}
-            style={{ width: '260px' }}
             onClick={() => {
               createWorkspace({ name: workspaceName, avatar: '' });
             }}
           >
             Create
-          </Button>
+          </StyledButton>
         </StyledButtonContent>
       </StyledModalWrapper>
     </Modal>
diff --git a/playwright.config.ts b/playwright.config.ts
index b7338d5283..db2bfa5155 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -103,7 +103,7 @@ const config: PlaywrightTestConfig = {
   /* Run your local dev server before starting the tests */
   webServer: {
     command: 'npm run dev',
-    port: 3000,
+    port: 8080,
   },
 };
 
diff --git a/tests/libs/load-page.ts b/tests/libs/load-page.ts
index 400e7a000a..11375e96f0 100644
--- a/tests/libs/load-page.ts
+++ b/tests/libs/load-page.ts
@@ -2,7 +2,7 @@ import { test } from '@playwright/test';
 
 export function loadPage() {
   test.beforeEach(async ({ page }) => {
-    await page.goto('http://localhost:3000');
+    await page.goto('http://localhost:8080');
     // waiting for page loading end
     await page.waitForTimeout(1000);
   });