diff --git a/packages/themed/CHANGELOG.md b/packages/themed/CHANGELOG.md
index 4b9895ed55..14876b253d 100644
--- a/packages/themed/CHANGELOG.md
+++ b/packages/themed/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @gluestack-ui/themed
 
+## 1.0.17
+
+### Patch Changes
+
+- fix: cyclic dependency and avatar image
+
 ## 1.0.16
 
 ### Patch Changes
diff --git a/packages/themed/package.json b/packages/themed/package.json
index 1f97ed610a..da49bfdff1 100644
--- a/packages/themed/package.json
+++ b/packages/themed/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gluestack-ui/themed",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "main": "build/index.js",
   "types": "build/index.d.ts",
   "module": "build/index",
@@ -38,7 +38,6 @@
     "@gluestack-ui/avatar": "^0.1.15",
     "@gluestack-ui/button": "^0.1.33",
     "@gluestack-ui/checkbox": "^0.1.22",
-    "@gluestack-ui/config": "^1.0.3",
     "@gluestack-ui/divider": "^0.1.8",
     "@gluestack-ui/fab": "^0.1.17",
     "@gluestack-ui/form-control": "^0.1.15",
diff --git a/packages/themed/src/components/Avatar/styled-components/Image.tsx b/packages/themed/src/components/Avatar/styled-components/Image.tsx
index 2cd87ea4c7..b88a858a00 100644
--- a/packages/themed/src/components/Avatar/styled-components/Image.tsx
+++ b/packages/themed/src/components/Avatar/styled-components/Image.tsx
@@ -1,4 +1,4 @@
-import { Image } from 'react-native';
+import { Image } from '../../Image';
 import { styled } from '@gluestack-style/react';
 
 export default styled(Image, {}, {