diff --git a/resources/js/components/SMDialog.vue b/resources/js/components/SMDialog.vue
index 261ec7e..e8da213 100644
--- a/resources/js/components/SMDialog.vue
+++ b/resources/js/components/SMDialog.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script setup lang="ts">
-import SMLoadingIcon from "./SMLoadingIconBalls.vue";
+import SMLoadingIcon from "./SMLoadingIcon.vue";
 
 defineProps({
     loading: {
diff --git a/resources/js/components/SMLoader.vue b/resources/js/components/SMLoader.vue
index 6fb6b43..449862f 100644
--- a/resources/js/components/SMLoader.vue
+++ b/resources/js/components/SMLoader.vue
@@ -12,7 +12,7 @@
 
 <script setup lang="ts">
 import SMLoadingIconToolbox from "./SMLoadingIconToolbox.vue";
-import SMLoadingIconBalls from "./SMLoadingIconBalls.vue";
+import SMLoadingIconBalls from "./SMLoadingIcon.vue";
 
 defineProps({
     loading: {
diff --git a/resources/js/components/SMLoadingIconBalls.vue b/resources/js/components/SMLoadingIcon.vue
similarity index 100%
rename from resources/js/components/SMLoadingIconBalls.vue
rename to resources/js/components/SMLoadingIcon.vue
diff --git a/resources/js/components/SMPanelList.vue b/resources/js/components/SMPanelList.vue
index 929fecb..668c94e 100644
--- a/resources/js/components/SMPanelList.vue
+++ b/resources/js/components/SMPanelList.vue
@@ -12,7 +12,7 @@
 </template>
 
 <script setup lang="ts">
-import SMLoadingIcon from "./SMLoadingIconBalls.vue";
+import SMLoadingIcon from "./SMLoadingIcon.vue";
 
 defineProps({
     loading: {