diff --git a/.env b/.env
new file mode 100644
index 0000000..9991c40
--- /dev/null
+++ b/.env
@@ -0,0 +1,13 @@
+BUCKET_NAME=BUCKET_NAME
+HOST_NAME=HOST_NAME
+ASSET_HOST=ASSET_HOST
+FRESHCHAT_TOKEN=FRESHCHAT_TOKEN
+GA_TRACKING_ID=GA_TRACKING_ID
+GTAG_TRACKING_ID_FOR_GA4=GTAG_TRACKING_ID_FOR_GA4
+GTAG_TRACKING_ID_FOR_GTAG=GTAG_TRACKING_ID_FOR_GTAG
+TYPESENSE_API_KEY=9N8l0PCYLaKsbXnwkQ57AwbxibuR10xK
+TYPESENSE_HOST=localhost
+TYPESENSE_PORT=8108
+TYPESENSE_PROTOCOL=http
+TYPESENSE_COLLECTION=actions-development-old
+TYPESENSE_SEARCH_API_KEY=J9NTGZUEemHDtei3eNn555fRDLygudgO
\ No newline at end of file
diff --git a/.github/workflows/staging-cd.yml b/.github/workflows/staging-cd.yml
index 95c9297..b36a534 100644
--- a/.github/workflows/staging-cd.yml
+++ b/.github/workflows/staging-cd.yml
@@ -21,6 +21,7 @@ jobs:
         run: npm install --ignore-scripts=false --verbose sharp@0.30.7 --force --unsafe-perm
       - name: 'Create env file'
         run: |
+          rm -rf .env
           touch .env
           echo BUCKET_NAME=${{ secrets.WEBSITE_STAGING_BUCKET_NAME }} >> .env
           echo HOST_NAME=${{ secrets.WEBSITE_STAGING_HOST_NAME }} >> .env
diff --git a/.gitignore b/.gitignore
index c7df1c7..5de4195 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,6 +3,5 @@ node_modules/
 public
 .idea/*
 *.iml
-.env
 .DS_Store
 package-lock.json
\ No newline at end of file
diff --git a/package.json b/package.json
index f8a0353..b0556ce 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "gatsby"
   ],
   "scripts": {
-    "develop": "gatsby develop -p 8001",
+    "develop": "NODE_ENV=development gatsby develop -p 8001 -H 0.0.0.0",
     "start": "gatsby develop",
     "build": "gatsby build",
     "serve": "gatsby serve",
diff --git a/src/components/header.jsx b/src/components/header.jsx
index dc0f194..f083018 100644
--- a/src/components/header.jsx
+++ b/src/components/header.jsx
@@ -20,7 +20,7 @@ const Header = () => {
                         </svg>
                     </a>
                     <nav className="flex-auto flex  items-center">
-                        <nav className="flex w-4/5">
+                        <nav className="flex w-7/12">
                             <div className="flex items-stretch font-semibold ml-20">
                                 <a className="btn btn-ghost btn-sm pr-2 rounded-btn" href={'/docs/'}>
                                     Docs
diff --git a/src/components/navcards.scss b/src/components/navcards.scss
index 0c90125..5c7907a 100644
--- a/src/components/navcards.scss
+++ b/src/components/navcards.scss
@@ -5,7 +5,8 @@
   border: .1rem solid $light-grey;
   border-radius: 2px;
   @media (max-width: 767px) {
-    @apply w-full m-8;
+    @apply m-8;
+    width: 100%;
   }
   &:hover{
     background: $black_haze;
diff --git a/src/components/seo.jsx b/src/components/seo.jsx
index 367463e..d65e667 100644
--- a/src/components/seo.jsx
+++ b/src/components/seo.jsx
@@ -142,6 +142,8 @@ function SEO({ lang,
             <script src="https://polyfill.io/v3/polyfill.min.js?features=default%2CArray.prototype.find%2CArray.prototype.includes%2CPromise%2CObject.assign%2CObject.entries" />
             {/* Algolia API v4 IE11 support  */}
             <script src="https://polyfill.io/v3/polyfill.min.js?features=Promise%2CObject.entries%2CObject.assign" />
+            <script async defer type='text/javascript' charSet='utf-8' src='https://js.hsforms.net/forms/embed/v2.js' />
+            <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/23422177.js"></script>
 
         </Helmet>
     );
diff --git a/src/templates/page.scss b/src/templates/page.scss
index d019f96..5e825df 100644
--- a/src/templates/page.scss
+++ b/src/templates/page.scss
@@ -640,7 +640,7 @@ code[class*="language-"] {
     width: 60%;
   }
   @media (min-width: 1024px) {
-    @apply w-1/5;
+    @apply w-2/5;
   }
   @media (max-width: 1279px) {
     @apply p-0;