diff --git a/docs/components/progress/examples/ProgressInsideLabelExample.vue b/docs/components/progress/examples/ProgressInsideLabelExample.vue
index 8f04520..799bb81 100644
--- a/docs/components/progress/examples/ProgressInsideLabelExample.vue
+++ b/docs/components/progress/examples/ProgressInsideLabelExample.vue
@@ -1,5 +1,5 @@
 <template>
-  <Progress labelProgress="true" labelPosition="inside" progress="45"></Progress>
+  <Progress labelProgress="true" labelPosition="inside" size="lg" progress="45"></Progress>
 </template>
 <script setup>
 import { Progress } from '../../../../src/index'
diff --git a/docs/components/progress/progress.md b/docs/components/progress/progress.md
index 7ea9b9e..10c7707 100644
--- a/docs/components/progress/progress.md
+++ b/docs/components/progress/progress.md
@@ -51,7 +51,7 @@ Here is an example of using a progress bar with the label inside the bar.
 import { Progress } from 'flowbite-vue'
 </script>
 <template>
-  <Progress labelProgress="true" labelPosition="inside" progress="45"></Progress>
+  <Progress labelProgress="true" labelPosition="inside" size="lg" progress="45"></Progress>
 </template>
 ```
 
diff --git a/src/components/Progress/Progress.vue b/src/components/Progress/Progress.vue
index e8e768f..b462a73 100644
--- a/src/components/Progress/Progress.vue
+++ b/src/components/Progress/Progress.vue
@@ -31,7 +31,7 @@ const props = defineProps({
   },
   labelPosition: {
     type: String, // 'inside' | 'outside' | 'none'
-    default: 'inside',
+    default: 'none',
   },
   labelProgress: {
     type: Boolean,
@@ -43,7 +43,7 @@ const props = defineProps({
   },
   size: {
     type: String, // 'sm' | 'md' | 'lg' | 'xl'
-    default: 'lg',
+    default: 'md',
   },
 })