diff --git a/packages/snjs/lib/Services/ComponentManager/ComponentManager.spec.ts b/packages/snjs/lib/Services/ComponentManager/ComponentManager.spec.ts
index 93070a3c7..faf597bf4 100644
--- a/packages/snjs/lib/Services/ComponentManager/ComponentManager.spec.ts
+++ b/packages/snjs/lib/Services/ComponentManager/ComponentManager.spec.ts
@@ -292,7 +292,7 @@ describe('featuresService', () => {
         const component = nativeComponent()
         const url = manager.urlForComponent(component)
         const feature = FindNativeFeature(component.identifier) as FeatureDescription
-        expect(url).toEqual(`components/assets/${component.identifier}/${feature.index_path}`)
+        expect(url).toEqual(`http://localhost/components/assets/${component.identifier}/${feature.index_path}`)
       })
 
       it('returns hosted path for third party component', () => {
diff --git a/packages/snjs/lib/Services/ComponentManager/ComponentManager.ts b/packages/snjs/lib/Services/ComponentManager/ComponentManager.ts
index d687c7dd0..e95e4d084 100644
--- a/packages/snjs/lib/Services/ComponentManager/ComponentManager.ts
+++ b/packages/snjs/lib/Services/ComponentManager/ComponentManager.ts
@@ -285,7 +285,8 @@ export class SNComponentManager extends AbstractService<ComponentManagerEvent, E
       if (!isWeb) {
         throw Error('Mobile must override urlForComponent to handle native paths')
       }
-      return `components/assets/${component.identifier}/${nativeFeature.index_path}`
+      const baseUrlRequiredForThemesInsideEditors = window.location.origin
+      return `${baseUrlRequiredForThemesInsideEditors}/components/assets/${component.identifier}/${nativeFeature.index_path}`
     }
 
     let url = component.hosted_url || component.legacy_url