diff --git a/components/page-editor.tsx b/components/page-editor.tsx
index e7a5a60..2a6e59b 100644
--- a/components/page-editor.tsx
+++ b/components/page-editor.tsx
@@ -41,8 +41,6 @@ export default function PageEditor({ pagePath, page }: PageEditorProps) {
   return (
     <Editor
       theme="light"
-      color="teal"
-      ui={{ leftSideBarVisible: false }}
       config={appConfig as any}
       data={data}
       plugins={plugins}
diff --git a/components/shopify/collection-detail.editor.tsx b/components/shopify/collection-detail.config.tsx
similarity index 100%
rename from components/shopify/collection-detail.editor.tsx
rename to components/shopify/collection-detail.config.tsx
diff --git a/components/shopify/collections.editor.tsx b/components/shopify/collections.config.tsx
similarity index 100%
rename from components/shopify/collections.editor.tsx
rename to components/shopify/collections.config.tsx
diff --git a/components/shopify/content-section.editor.tsx b/components/shopify/content-section.config.tsx
similarity index 100%
rename from components/shopify/content-section.editor.tsx
rename to components/shopify/content-section.config.tsx
diff --git a/components/shopify/footer.editor.tsx b/components/shopify/footer.config.tsx
similarity index 100%
rename from components/shopify/footer.editor.tsx
rename to components/shopify/footer.config.tsx
diff --git a/components/shopify/header.editor.tsx b/components/shopify/header.config.tsx
similarity index 100%
rename from components/shopify/header.editor.tsx
rename to components/shopify/header.config.tsx
diff --git a/components/shopify/policy-body.editor.tsx b/components/shopify/policy-body.config.tsx
similarity index 100%
rename from components/shopify/policy-body.editor.tsx
rename to components/shopify/policy-body.config.tsx
diff --git a/components/shopify/product-detail.editor.tsx b/components/shopify/product-detail.config.tsx
similarity index 100%
rename from components/shopify/product-detail.editor.tsx
rename to components/shopify/product-detail.config.tsx
diff --git a/components/shopify/product-recommendations.editor.tsx b/components/shopify/product-recommendations.config.tsx
similarity index 100%
rename from components/shopify/product-recommendations.editor.tsx
rename to components/shopify/product-recommendations.config.tsx
diff --git a/components/shopify/products.editor.tsx b/components/shopify/products.config.tsx
similarity index 100%
rename from components/shopify/products.editor.tsx
rename to components/shopify/products.config.tsx
diff --git a/components/shopify/search-results.editor.tsx b/components/shopify/search-results.config.tsx
similarity index 100%
rename from components/shopify/search-results.editor.tsx
rename to components/shopify/search-results.config.tsx
diff --git a/components/shopify/store-assistant.editor.tsx b/components/shopify/store-assistant.config.tsx
similarity index 100%
rename from components/shopify/store-assistant.editor.tsx
rename to components/shopify/store-assistant.config.tsx
diff --git a/config/types.ts b/config/types.ts
index 5bad25b..7dab37a 100644
--- a/config/types.ts
+++ b/config/types.ts
@@ -1,14 +1,14 @@
 import { Config, Data } from '@reacteditor/core';
 
-import type { HeaderBlockProps } from '@/components/shopify/header.editor';
-import type { FooterBlockProps } from '@/components/shopify/footer.editor';
-import type { ProductsBlockProps } from '@/components/shopify/products.editor';
-import type { CollectionsBlockProps } from '@/components/shopify/collections.editor';
-import type { CollectionDetailBlockProps } from '@/components/shopify/collection-detail.editor';
-import type { ProductDetailBlockProps } from '@/components/shopify/product-detail.editor';
-import type { ProductRecommendationsBlockProps } from '@/components/shopify/product-recommendations.editor';
-import type { SearchResultsBlockProps } from '@/components/shopify/search-results.editor';
-import type { StoreAssistantBlockProps } from '@/components/shopify/store-assistant.editor';
+import type { HeaderBlockProps } from '@/components/shopify/header.config';
+import type { FooterBlockProps } from '@/components/shopify/footer.config';
+import type { ProductsBlockProps } from '@/components/shopify/products.config';
+import type { CollectionsBlockProps } from '@/components/shopify/collections.config';
+import type { CollectionDetailBlockProps } from '@/components/shopify/collection-detail.config';
+import type { ProductDetailBlockProps } from '@/components/shopify/product-detail.config';
+import type { ProductRecommendationsBlockProps } from '@/components/shopify/product-recommendations.config';
+import type { SearchResultsBlockProps } from '@/components/shopify/search-results.config';
+import type { StoreAssistantBlockProps } from '@/components/shopify/store-assistant.config';
 import type { ContentSectionProps } from '@/components/shopify/content-section';
 import type { PolicyBodyProps } from '@/components/shopify/policy-body';
 
diff --git a/editor.config.tsx b/editor.config.tsx
index a426cb8..476b655 100644
--- a/editor.config.tsx
+++ b/editor.config.tsx
@@ -1,17 +1,17 @@
 import Root from '@/config/root';
 import type { UserConfig } from '@/config/types';
 
-import headerEditor from '@/components/shopify/header.editor';
-import footerEditor from '@/components/shopify/footer.editor';
-import productsEditor from '@/components/shopify/products.editor';
-import collectionsEditor from '@/components/shopify/collections.editor';
-import collectionDetailEditor from '@/components/shopify/collection-detail.editor';
-import productDetailEditor from '@/components/shopify/product-detail.editor';
-import productRecommendationsEditor from '@/components/shopify/product-recommendations.editor';
-import searchResultsEditor from '@/components/shopify/search-results.editor';
-import storeAssistantEditor from '@/components/shopify/store-assistant.editor';
-import contentSectionEditor from '@/components/shopify/content-section.editor';
-import policyBodyEditor from '@/components/shopify/policy-body.editor';
+import headerEditor from '@/components/shopify/header.config';
+import footerEditor from '@/components/shopify/footer.config';
+import productsEditor from '@/components/shopify/products.config';
+import collectionsEditor from '@/components/shopify/collections.config';
+import collectionDetailEditor from '@/components/shopify/collection-detail.config';
+import productDetailEditor from '@/components/shopify/product-detail.config';
+import productRecommendationsEditor from '@/components/shopify/product-recommendations.config';
+import searchResultsEditor from '@/components/shopify/search-results.config';
+import storeAssistantEditor from '@/components/shopify/store-assistant.config';
+import contentSectionEditor from '@/components/shopify/content-section.config';
+import policyBodyEditor from '@/components/shopify/policy-body.config';
 
 const categories = {
   navigation: { title: 'Navigation' },