diff --git a/.github/workflows/static.yml b/.github/workflows/static.yml
index 9231a4f..da69396 100644
--- a/.github/workflows/static.yml
+++ b/.github/workflows/static.yml
@@ -41,6 +41,8 @@ jobs:
         run: npm install -g npm-run-all
       - name: Build
         run: npm run build
+        env:
+          GITHUB_PAGES_PATH: '/sd-webui-openpose-editor/'
       - name: Setup Pages
         uses: actions/configure-pages@v3
       - name: Upload artifact
diff --git a/src/components/OpenposeObjectPanel.vue b/src/components/OpenposeObjectPanel.vue
index 453b9fe..ae4bb23 100644
--- a/src/components/OpenposeObjectPanel.vue
+++ b/src/components/OpenposeObjectPanel.vue
@@ -3,7 +3,7 @@
         <template #header>
             <VisibleSwitch v-model:visible="object.visible" @update:visible="onVisibleChange" />
             <GroupSwitch v-model:grouped="object.grouped" />
-            <LockSwitch v-model:locked="object.locked"/>
+            <LockSwitch v-model:locked="object.locked" />
             <span :class="{ hidden: !object.visible }">{{ display_name }}</span>
             <fire-outlined @click.stop="unjamInvalidKeypoints" v-if="object.hasInvalidKeypoints()"
                 title="Move all invalid keypoints to visible canvas for edit." class="unjam-button" />
diff --git a/vite.config.ts b/vite.config.ts
index 2bd61cb..d152220 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -8,9 +8,9 @@ import packageJson from './package.json'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  base: process.env.NODE_ENV === 'production'
+  base: process.env.GITHUB_PAGES_PATH || (process.env.NODE_ENV === 'production'
     ? '/openpose_editor/'
-    : '/',
+    : '/'),
   plugins: [
     vue(),
     vueJsx(),