diff --git a/resources/views/components/button/base.blade.php b/resources/views/components/button/base.blade.php
index 4fe7c22..e814d67 100644
--- a/resources/views/components/button/base.blade.php
+++ b/resources/views/components/button/base.blade.php
@@ -5,18 +5,21 @@
 when you add a for on the button the button will be a <label>.
 If the button doesn't have a href or label it will be a <button>
 Examples:
+
 ```
-    <x-rapidez::button href="something">Something</x-rapidez::button>
+<x-rapidez::button href="something">Something</x-rapidez::button>
 ```
+
 ```
-    <x-rapidez::button for="something">Something</x-rapidez::button>
+<x-rapidez::button for="something">Something</x-rapidez::button>
 ```
+
 ```
-    <x-rapidez::button>Something</x-rapidez::button>
+<x-rapidez::button>Something</x-rapidez::button>
 ```
 --}}
 @php
-    $tag = $attributes->hasAny('href', ':href', 'v-bind:href') ? 'a' : 'button';
+    $tag = $attributes->hasAny('href', ':href', 'v-bind:href', 'x-bind:href') ? 'a' : 'button';
     $tag = $attributes->has('for') ? 'label' : $tag;
 @endphp
 
diff --git a/resources/views/components/button/enhanced.blade.php b/resources/views/components/button/enhanced.blade.php
index b55d5ed..d7af2b7 100644
--- a/resources/views/components/button/enhanced.blade.php
+++ b/resources/views/components/button/enhanced.blade.php
@@ -2,8 +2,9 @@
 This is the enhanced button the button can be used for the add to cart buttons
 and it can be used inside the checkout.
 Example:
+
 ```
-    <x-rapidez::button.enhanced>Something</x-rapidez::button.enhanced>
+<x-rapidez::button.enhanced>Something</x-rapidez::button.enhanced>
 ```
 --}}
 <x-rapidez::button {{ $attributes->twMerge('bg-enhanced text-white border-b border-black/15') }}>
diff --git a/resources/views/components/button/index.blade.php b/resources/views/components/button/index.blade.php
index 494ae04..eb8443d 100644
--- a/resources/views/components/button/index.blade.php
+++ b/resources/views/components/button/index.blade.php
@@ -1,8 +1,9 @@
 {{--
 This is the default button if you use the example you get this.
 Example:
+
 ```
-    <x-rapidez::button>Something</x-rapidez::button>
+<x-rapidez::button>Something</x-rapidez::button>
 ```
 --}}
 <x-rapidez::button.base {{ $attributes->twMerge('relative inline-flex items-center justify-center transition text-white bg-neutral text-base font-medium rounded min-h-12 py-1.5 px-5 hover:bg-opacity-80 border-b border-black/15 disabled:text-inactive disabled:bg-disabled disabled:cursor-not-allowed') }}>
diff --git a/resources/views/components/button/outline.blade.php b/resources/views/components/button/outline.blade.php
index aaa67ea..dfe2848 100644
--- a/resources/views/components/button/outline.blade.php
+++ b/resources/views/components/button/outline.blade.php
@@ -1,8 +1,9 @@
 {{--
 This is an outline button so it doesn't need a background and only need a border.
 Example:
+
 ```
-    <x-rapidez::button.outline>Something</x-rapidez::button.outline>
+<x-rapidez::button.outline>Something</x-rapidez::button.outline>
 ```
 --}}
 <x-rapidez::button {{ $attributes->twMerge('bg-transparent border text-neutral hover:border-neutral') }}>
diff --git a/resources/views/components/button/primary.blade.php b/resources/views/components/button/primary.blade.php
index 45c1ab7..841c844 100644
--- a/resources/views/components/button/primary.blade.php
+++ b/resources/views/components/button/primary.blade.php
@@ -1,8 +1,9 @@
 {{--
 This is the primary button.
 Example:
+
 ```
-    <x-rapidez::button.primary>Something</x-rapidez::button.primary>
+<x-rapidez::button.primary>Something</x-rapidez::button.primary>
 ```
 --}}
 <x-rapidez::button {{ $attributes->twMerge('bg-primary text-white border-b border-black/15') }}>
diff --git a/resources/views/components/button/slider.blade.php b/resources/views/components/button/slider.blade.php
index 478c22e..c8ed14f 100644
--- a/resources/views/components/button/slider.blade.php
+++ b/resources/views/components/button/slider.blade.php
@@ -1,8 +1,9 @@
 {{--
 This button is used for sliders.
 Example:
+
 ```
-    <x-rapidez::button.slider>Icon</x-rapidez::button.slider>
+<x-rapidez::button.slider>Icon</x-rapidez::button.slider>
 ```
 --}}
 <x-rapidez::button {{ $attributes->twMerge('inline-flex bg-white p-0 rounded-full size-14 items-center justify-center shadow bg-white text-neutral border') }}>