diff --git a/pages/uikit/index.js b/pages/uikit/index.js
index e4a01ceee5..81e610d3a1 100644
--- a/pages/uikit/index.js
+++ b/pages/uikit/index.js
@@ -30,9 +30,9 @@ const UIKitPage = (props) => {
                             <div className="w-full md:w-6">
                                 <div className="text-primary font-bold mb-2">UP-TO-DATE</div>
                                 <div className="text-900 text-5xl font-bold mb-3">Best Features of Figma</div>
-                                <p className="mb-3">PrimeOne for Figma uses the latest powerful features like components, variants, auto layout, styles and interactive components. It'll always follow the best practices.</p>
+                                <p className="mb-3 text-lg">PrimeOne for Figma uses the latest powerful features like components, variants, auto layout, styles and interactive components. It'll always follow the best practices.</p>
 
-                                <ul className="flex flex-wrap m-0 p-0">
+                                <ul className="flex flex-wrap m-0 p-0 text-lg">
                                     <li className="flex align-items-center w-6 p-3">
                                         <i className="pi pi-check-circle text-green-600 mr-2"></i>
                                         <span className="font-bold">Auto Layout</span>
@@ -49,9 +49,9 @@ const UIKitPage = (props) => {
                                         <i className="pi pi-check-circle text-green-600 mr-2"></i>
                                         <span className="font-bold">Interactive Components</span>
                                     </li>
-                                    <li class="flex align-items-center w-12 p-3">
-                                        <i class="pi pi-check-circle text-green-600 mr-2"></i>
-                                        <span class="font-bold">Boolean, Instance Swap and Text Properties</span>
+                                    <li className="flex align-items-center w-12 p-3">
+                                        <i className="pi pi-check-circle text-green-600 mr-2"></i>
+                                        <span className="font-bold">Boolean, Instance Swap and Text Properties</span>
                                     </li>
                                 </ul>
                             </div>
@@ -60,9 +60,9 @@ const UIKitPage = (props) => {
                             <div className="w-full md:w-6">
                                 <div className="text-primary font-bold mb-2">ENTERPRISE GRADE</div>
                                 <div className="text-900 text-5xl font-bold mb-3">Powerful System</div>
-                                <p className="mb-3">Save countless hours on every project with a carefully designed system that uses Prime UI Suite components. Start producing design results in no time.</p>
+                                <p className="mb-3 text-lg">Save countless hours on every project with a carefully designed system that uses Prime UI Suite components. Start producing design results in no time.</p>
 
-                                <ul className="flex flex-wrap m-0 p-0">
+                                <ul className="flex flex-wrap m-0 p-0 text-lg">
                                     <li className="flex align-items-center w-6 p-3">
                                         <i className="pi pi-check-circle text-green-600 mr-2"></i>
                                         <span className="font-bold">Numerous Components</span>
@@ -92,9 +92,9 @@ const UIKitPage = (props) => {
                             <div className="w-full md:w-6">
                                 <div className="text-primary font-bold mb-2">DARK MODE</div>
                                 <div className="text-900 text-5xl font-bold mb-3">Two Themes</div>
-                                <p className="mb-3">PrimeOne is designed based on Lara Blue Light and Lara Blue Dark themes. Easily change the themes of your designs using Figma's Swap Library feature.</p>
+                                <p className="mb-3 text-lg">PrimeOne is designed based on Lara Blue Light and Lara Blue Dark themes. Easily change the themes of your designs using Figma's Swap Library feature.</p>
 
-                                <ul className="flex flex-wrap m-0 p-0">
+                                <ul className="flex flex-wrap m-0 p-0 text-lg">
                                     <li className="flex align-items-center w-6 p-3">
                                         <i className="pi pi-check-circle text-green-600 mr-2"></i>
                                         <span className="font-bold">Lara Light</span>
@@ -128,9 +128,9 @@ const UIKitPage = (props) => {
                     </div>
 
                     <div className="card mb-5" style={{ borderRadius: '50px' }}>
-                        <div className="text-900 font-bold text-5xl mb-4 text-center">Pricing</div>
-                        <div className="mb-2 text-center line-height-3">Choose the right plan for your business. Whether you are an individual or a member of a team, UI Kit is available for affordable prices.</div>
-                        <a href="https://www.primefaces.org/uikit/licenses" className="mb-6 text-primary hover:underline font-semibold text-center block">
+                        <div className="text-900 font-bold text-5xl mb-3 text-center">Pricing</div>
+                        <div className="mb-2 text-center line-height-3 text-lg">Choose the right plan for your business. Whether you are an individual or a member of a team, UI Kit is available for affordable prices.</div>
+                        <a href="https://www.primefaces.org/uikit/licenses" className="mb-6 text-primary hover:underline font-semibold text-center block text-lg">
                             View License Details
                         </a>
 
@@ -148,7 +148,7 @@ const UIKitPage = (props) => {
                                             </div>
                                         ) : null}
                                         <hr className="my-3 mx-0 border-top-1 border-none surface-border" />
-                                        <ul className="list-none p-0 m-0 flex-grow-1">
+                                        <ul className="list-none p-0 m-0 flex-grow-1 text-lg">
                                             <li className="flex align-items-center mb-3">
                                                 <i className="pi pi-check-circle text-green-500 mr-2"></i>
                                                 <span className="font-bold">1 Designer</span>
@@ -191,7 +191,7 @@ const UIKitPage = (props) => {
                                             </div>
                                         ) : null}
                                         <hr className="my-3 mx-0 border-top-1 border-none surface-border" />
-                                        <ul className="list-none p-0 m-0 flex-grow-1">
+                                        <ul className="list-none p-0 m-0 flex-grow-1 text-lg">
                                             <li className="flex align-items-center mb-3">
                                                 <i className="pi pi-check-circle text-green-500 mr-2"></i>
                                                 <span className="font-bold">Up to 5 Designers</span>
@@ -234,7 +234,7 @@ const UIKitPage = (props) => {
                                             </div>
                                         ) : null}
                                         <hr className="my-3 mx-0 border-top-1 border-none surface-border" />
-                                        <ul className="list-none p-0 m-0 flex-grow-1">
+                                        <ul className="list-none p-0 m-0 flex-grow-1 text-lg">
                                             <li className="flex align-items-center mb-3">
                                                 <i className="pi pi-check-circle text-green-500 mr-2"></i>
                                                 <span className="font-bold">Unlimited Designers</span>
@@ -271,20 +271,20 @@ const UIKitPage = (props) => {
                         <div className="grid">
                             <div className="col-12 lg:col-4 px-2 lg:px-5">
                                 <div className="text-xl text-900 line-height-3 mb-2 text-900">What do I get when I purchase a license?</div>
-                                <p className="mt-0 mb-6 p-0 line-height-3">You'll be able to download two Figma files for light and dark themes.</p>
+                                <p className="mt-0 mb-6 p-0 line-height-3 text-lg">You'll be able to download two Figma files for light and dark themes.</p>
 
                                 <div className="text-xl text-900 line-height-3 mb-2 text-900">Is there a recurring fee or is the license perpetual?</div>
-                                <p className="mt-0 mb-6 p-0 line-height-3">UI Kit license is perpetual so requires one time payment, not subscription based.</p>
+                                <p className="mt-0 mb-6 p-0 line-height-3 text-lg">UI Kit license is perpetual so requires one time payment, not subscription based.</p>
 
                                 <div className="text-xl text-900 line-height-3 mb-2 text-900">Can I use UI Kit license for commercial projects?</div>
-                                <p className="mt-0 mb-6 p-0 line-height-3">Yes, your license allows you to sell your projects that utilize the UI Kit implementations.</p>
+                                <p className="mt-0 mb-6 p-0 line-height-3 text-lg">Yes, your license allows you to sell your projects that utilize the UI Kit implementations.</p>
 
                                 <div className="text-xl text-900 line-height-3 mb-2 text-900">Can I create multiple projects for multiple clients?</div>
-                                <p className="mt-0 mb-6 p-0 line-height-3">There is no limit, you are able to use UI Kit in multiple projects for multiple clients.</p>
+                                <p className="mt-0 mb-6 p-0 line-height-3 text-lg">There is no limit, you are able to use UI Kit in multiple projects for multiple clients.</p>
                             </div>
                             <div className="col-12 lg:col-4 px-2 lg:px-5">
                                 <div className="text-xl text-900 line-height-3 mb-2 text-900">We're a reseller, are we able to purchase a license on behalf of our client?</div>
-                                <p className="mt-0 mb-6 p-0 line-height-3">
+                                <p className="mt-0 mb-6 p-0 line-height-3 text-lg">
                                     Yes, after the purchase, please{' '}
                                     <a href="mailto:contact@primetek.com.tr" className="text-primary hover:underline font-semibold">
                                         contact us
@@ -293,17 +293,17 @@ const UIKitPage = (props) => {
                                 </p>
 
                                 <div className="text-xl text-900 line-height-3 mb-2 text-900">Does the enterprise license include contractors within the organization?</div>
-                                <p className="mt-0 mb-6 p-0 line-height-3">Yes, contractors are also able to use the UI Kit within your company.</p>
+                                <p className="mt-0 mb-6 p-0 line-height-3 text-lg">Yes, contractors are also able to use the UI Kit within your company.</p>
 
                                 <div className="text-xl text-900 line-height-3 mb-2 text-900">Can subsidiary company of a larger organization share the enterprise license?</div>
-                                <p className="mt-0 mb-6 p-0 line-height-3">No, enterprise license is per company so each subsidiary company needs to purchase a separate license.</p>
+                                <p className="mt-0 mb-6 p-0 line-height-3 text-lg">No, enterprise license is per company so each subsidiary company needs to purchase a separate license.</p>
 
                                 <div className="text-xl text-900 line-height-3 mb-2 text-900">What does "free updates" mean?</div>
-                                <p className="mt-0 mb-6 p-0 line-height-3">All updates will be totally free of charge for existing customers for an unlimited period.</p>
+                                <p className="mt-0 mb-6 p-0 line-height-3 text-lg">All updates will be totally free of charge for existing customers for an unlimited period.</p>
                             </div>
                             <div className="col-12 lg:col-4 px-2 lg:px-5">
                                 <div className="text-xl text-900 line-height-3 mb-2 text-900">How can I get support?</div>
-                                <p className="mt-0 mb-6 p-0 line-height-3">
+                                <p className="mt-0 mb-6 p-0 line-height-3 text-lg">
                                     Support is provided by PrimeTek via
                                     <a href="https://forum.primefaces.org/viewforum.php?f=159" className="text-primary hover:underline font-semibold">
                                         a dedicated forum channel monitored
@@ -312,10 +312,10 @@ const UIKitPage = (props) => {
                                 </p>
 
                                 <div className="text-xl text-900 line-height-3 mb-2 text-900">What does lifetime support mean?</div>
-                                <p className="mt-0 mb-6 p-0 line-height-3">Support service at the forum does not have a time limit.</p>
+                                <p className="mt-0 mb-6 p-0 line-height-3 text-lg">Support service at the forum does not have a time limit.</p>
 
                                 <div className="text-xl text-900 line-height-3 mb-2 text-900">Can I include UI Kit in an open source project?</div>
-                                <p className="mt-0 mb-6 p-0 line-height-3">Due to the license, it is not possible to use the UI Kit in an open source project where the design files are publicly available.</p>
+                                <p className="mt-0 mb-6 p-0 line-height-3 text-lg">Due to the license, it is not possible to use the UI Kit in an open source project where the design files are publicly available.</p>
                             </div>
                         </div>
                     </div>