diff --git a/.github/workflows/build-storybook.yml b/.github/workflows/build-storybook.yml
index 6b70bd9e..0e79d4a2 100644
--- a/.github/workflows/build-storybook.yml
+++ b/.github/workflows/build-storybook.yml
@@ -11,6 +11,8 @@ jobs:
   deploy:
     name: Deploy Storybook to GitHub Pages
     runs-on: ubuntu-latest
+    env:
+      STORYBOOK_HOST: ${{ vars.STORYBOOK_HOST }}
     steps:
       - uses: actions/checkout@v3
       - uses: actions/setup-node@v3
diff --git a/.storybook/lightTheme.ts b/.storybook/lightTheme.ts
index 88d39dd2..82c430bf 100644
--- a/.storybook/lightTheme.ts
+++ b/.storybook/lightTheme.ts
@@ -1,6 +1,6 @@
 import { create } from '@storybook/theming/create';
 
-const REPOSITORY_NAME = process?.env?.REPOSITORY_NAME;
+const STORYBOOK_HOST = process?.env?.STORYBOOK_HOST;
 
 export default create({
   base: 'light',
@@ -12,7 +12,7 @@ export default create({
 
   // Branding
   brandTitle: 'Tetrisly - React Components',
-  brandImage: `${REPOSITORY_NAME ? '/' + REPOSITORY_NAME : ''}/logo.svg`,
+  brandImage: `${STORYBOOK_HOST ? '/' + STORYBOOK_HOST : ''}/logo.svg`,
 
   // UI
   appBg: '#ffffff',