diff --git a/app/(tabs)/stats/index.tsx b/app/(tabs)/stats/index.tsx
index ae4c09f..9a2033a 100644
--- a/app/(tabs)/stats/index.tsx
+++ b/app/(tabs)/stats/index.tsx
@@ -53,7 +53,7 @@ export default function Page() {
                 <Widget>
                     <BudgetRemaining budget={budget} spent={spent} />
                 </Widget>
-                <Widget text='#TODO Insert Pie-Chart' image='../../../assets/images/8b14el.jpg'/>
+                <Widget text='#TODO Insert Pie-Chart' image={require('../../../assets/images/8b14el.jpg')}/>
                 <Widget>
                     <BudgetOverview budget={budget} spent={spent} />
                 </Widget>
diff --git a/components/stats/Widget.tsx b/components/stats/Widget.tsx
index b43a64f..153ed65 100644
--- a/components/stats/Widget.tsx
+++ b/components/stats/Widget.tsx
@@ -6,7 +6,7 @@ interface WidgetProps {
     title?: string;
     text?: string;
     children?: ReactNode;
-    image?: string;
+    image?: any;
 }
 
 const Widget: React.FC<WidgetProps> = ({ title, text, children, image }) => { // Add the 'image' prop to the destructuring
@@ -54,7 +54,7 @@ const Widget: React.FC<WidgetProps> = ({ title, text, children, image }) => { //
         <View style={styles.widgetContainer}>
             {!!title && <Text style={styles.widgetTitle}>{title}</Text>}
             {!!text && <Text style={styles.widgetText}>{text}</Text>}
-            {!!image && <Image source={{ uri: image }} style={styles.imageStyle} />}
+            {!!image && <Image source={image} style={styles.imageStyle} />}
             {children}
         </View>
     );