diff --git a/assets/out.css b/assets/out.css
index 73ee124..054852a 100644
--- a/assets/out.css
+++ b/assets/out.css
@@ -755,6 +755,10 @@ code {
   display: flex;
 }
 
+.inline-flex {
+  display: inline-flex;
+}
+
 .size-6 {
   width: 1.5rem;
   height: 1.5rem;
@@ -765,6 +769,11 @@ code {
   height: 1.25rem;
 }
 
+.size-4 {
+  width: 1rem;
+  height: 1rem;
+}
+
 .w-11\/12 {
   width: 91.666667%;
 }
@@ -882,6 +891,11 @@ code {
   padding-right: 1.5rem;
 }
 
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+
 .pb-2 {
   padding-bottom: 0.5rem;
 }
diff --git a/index.html b/index.html
index 5b50d3b..3f30d11 100644
--- a/index.html
+++ b/index.html
@@ -45,12 +45,12 @@ <h2 class="font-bold text-4xl pb-2 text-center tracking-tighter">صحت سنجی
                 <h2 class="text-lg font-semibold p-2" id="why-regex">اوپراتور ها را شخصی سازی کنید!</h2>
                 <p class="text-sm font-light p-1 pb-4">با توجه به اینکه ممکن است نخواهید تمام امکانات تشخیص اوپراتور این
                     رجکس ها را در پروژه های خود استفاده کنید، ابزار زیر به شما کمک میکند تا رجکس های خود را شخصی سازی
-                    کنید:</p>
-                <a class="w-full flex justify-center items-center gap-2 border border-teal-700 text-teal-900 px-6 py-2 rounded-lg cursor-pointer hover:bg-teal-700 hover:text-white"
+                    کنید:<a class="inline-flex justify-center items-center gap-2 text-teal-900 px-2 rounded-lg cursor-pointer hover:bg-teal-700 hover:text-white"
                     href="./customization.html">
                     <span>شخصی سازی رجکس ها</span>
-                    <i-edit class="size-5"></i-edit>
+                    <i-edit class="size-4"></i-edit>
                 </a>
+            </p>
 
 
                 <h2 class="text-lg font-semibold p-2 pt-6" id="why-regex">چرا رجکس؟</h2>