diff --git a/resources/views/components/button.blade.php b/resources/views/components/button/index.blade.php
similarity index 100%
rename from resources/views/components/button.blade.php
rename to resources/views/components/button/index.blade.php
diff --git a/resources/views/components/button/loading.blade.php b/resources/views/components/button/loading.blade.php
index 7122aa4ea..66bafbf5d 100644
--- a/resources/views/components/button/loading.blade.php
+++ b/resources/views/components/button/loading.blade.php
@@ -1,5 +1,9 @@
 <i
+  @class([
+    'animate-submit delay-[0.28s] absolute w-2 h-2 rounded-full left-0 right-0 -top-3.5 m-auto',
+    'before:absolute before:w-2 before:h-2 before:rounded-full before:animate-submit before:delay-[0.14s]',
+    'after:absolute after:w-2 after:h-2 after:rounded-full after:animate-submit before:-left-3.5 after:-right-3.5 after:delay-[0.42s]'
+  ])
   {{ $attributes }}
-  class="animate-submit delay-[0.28s] absolute w-2 h-2 rounded-full left-0 right-0 -top-3.5 m-auto before:absolute before:w-2 before:h-2 before:rounded-full before:animate-submit before:delay-[0.14s] after:absolute after:w-2 after:h-2 after:rounded-full after:animate-submit before:-left-3.5 after:-right-3.5 after:delay-[0.42s]"
 >
 </i>
\ No newline at end of file