diff --git a/components/doc/chart/accessibilitydoc.js b/components/doc/chart/accessibilitydoc.js
index 2d32dbcdf0..b19e1b608d 100644
--- a/components/doc/chart/accessibilitydoc.js
+++ b/components/doc/chart/accessibilitydoc.js
@@ -19,7 +19,7 @@ export function AccessibilityDoc() {
                 <h3>Screen Reader</h3>
                 <p>
                     Chart components internally use <i>canvas</i> element, refer to the{' '}
-                    <a className="text-primary hover:underline font-semibold" href="https://www.chartjs.org/docs/latest/general/accessibility.html">
+                    <a className="text-primary hover:underline font-medium" href="https://www.chartjs.org/docs/latest/general/accessibility.html">
                         Chart.js accessibility
                     </a>{' '}
                     guide for more information. The canvas element can be customized with <i>canvasProps</i> property to define aria roles and properties, in addition any content inside the component is directly passed as a child of the canvas to be
diff --git a/components/landing/herosection.js b/components/landing/herosection.js
index b39a2cdf60..ef3eed6ab6 100644
--- a/components/landing/herosection.js
+++ b/components/landing/herosection.js
@@ -130,12 +130,12 @@ const HeroSection = () => {
                     <div className="flex">
                         <div className="flex flex-column w-6 gap-5 pt-8 pr-3">
                             <div className="box p-4 fadein animation-duration-500">
-                                <div className="flex gap-3">
+                                <div className="flex gap-2">
                                     <div className="w-6rem">
                                         <span className="text-secondary font-semibold block mb-3">Amount</span>
                                         <InputNumber value={value1} mode="currency" currency="USD" locale="en-US" className="w-full" inputClassName="w-full" onValueChange={(e) => setValue1(e.value)} />
                                     </div>
-                                    <div className="flex-1">
+                                    <div className="flex-auto" style={{ width: '1%' }}>
                                         <span className="text-secondary font-semibold block mb-3">Beneficiary</span>
                                         <Dropdown value={user} onChange={(e) => setUser(e.value)} options={users} optionLabel="name" placeholder="Select a User" className="w-full" itemTemplate={userTemplate} />
                                     </div>
diff --git a/pages/bootstrap/index.js b/pages/bootstrap/index.js
index fbad04d1f8..a023617ab8 100644
--- a/pages/bootstrap/index.js
+++ b/pages/bootstrap/index.js
@@ -18,7 +18,7 @@ const BootstrapDemo = () => {
     ];
 
     const description = `
-    <a href="https://getbootstrap.com" className="font-semibold hover:underline text-primary">Bootstrap</a>
+    <a href="https://getbootstrap.com" className="font-medium hover:underline text-primary">Bootstrap</a>
     is a well-known CSS library to build responsive and mobile first web projects.
     `;
 
diff --git a/pages/bulma/index.js b/pages/bulma/index.js
index 83ed673e56..e19f1cbeaf 100644
--- a/pages/bulma/index.js
+++ b/pages/bulma/index.js
@@ -18,7 +18,7 @@ const BulmaDemo = () => {
     ];
 
     const description = `
-    <a href="https://bulma.io/" className="font-semibold hover:underline text-primary">Bulma</a> is a free, open source framework that provides ready-to-use frontend components and utilities.
+    <a href="https://bulma.io/" className="font-medium hover:underline text-primary">Bulma</a> is a free, open source framework that provides ready-to-use frontend components and utilities.
     `;
 
     return <DocComponent title="Bulma - PrimeReact" header="Bulma" description={description} componentDocs={docs} hideTabMenu></DocComponent>;
diff --git a/pages/roadmap/index.js b/pages/roadmap/index.js
index 74611574cf..54d449c58e 100644
--- a/pages/roadmap/index.js
+++ b/pages/roadmap/index.js
@@ -1,5 +1,4 @@
 import Head from 'next/head';
-import React from 'react';
 
 const Roadmap = () => {
     return (
@@ -16,7 +15,7 @@ const Roadmap = () => {
                 <h1>Roadmap</h1>
                 <p>
                     At{' '}
-                    <a href="https://www.primetek.com.tr/" className="font-semibold hover:underline text-primary">
+                    <a href="https://www.primetek.com.tr/" className="font-medium hover:underline text-primary">
                         PrimeTek
                     </a>
                     , we are passionate about improving PrimeReact and would like to share our ideas for 2023 with the community. These are planned to be implemented in parallel to the regular maintenance work of the library involving review of issue
diff --git a/pages/support/index.js b/pages/support/index.js
index c618d7cf49..e44359bc1a 100644
--- a/pages/support/index.js
+++ b/pages/support/index.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 const SupportPage = () => {
     return (
         <div>
@@ -10,11 +8,11 @@ const SupportPage = () => {
                     <i className="pi pi-github absolute text-200" style={{ bottom: '-50px', right: '-50px', fontSize: '200px', transform: 'rotateX(45deg) rotateY(0deg) rotateZ(-45deg)' }}></i>
                     <div className="text-2xl text-900 font-semibold mb-3 relative">Community Support</div>
                     <p className="m-0 line-height-3 relative text-lg text-800">
-                        <a href="https://github.com/orgs/primefaces/discussions" className="text-primary hover:underline font-semibold">
+                        <a href="https://github.com/orgs/primefaces/discussions" className="text-primary hover:underline font-medium">
                             Forum
                         </a>{' '}
                         and{' '}
-                        <a href="https://discord.gg/gzKFYnpmCY" className="text-primary hover:underline font-semibold">
+                        <a href="https://discord.gg/gzKFYnpmCY" className="text-primary hover:underline font-medium">
                             Discord
                         </a>{' '}
                         are where the community users gather to seek support, post topics and discuss the technology. GitHub issue tracker is the channel where community users can create tickets however PrimeTek does not guarantee a response time
diff --git a/pages/team/index.js b/pages/team/index.js
index 012bae9b42..881a090bc2 100644
--- a/pages/team/index.js
+++ b/pages/team/index.js
@@ -1,28 +1,26 @@
-import React from 'react';
-
 const TemplatesPage = () => {
     return (
         <div>
             <div className="doc-intro">
                 <h1>Meet the Team</h1>
                 <p>
-                    <a href="https://www.primetek.com.tr" className="text-primary hover:underline font-semibold">
+                    <a href="https://www.primetek.com.tr" className="text-primary hover:underline font-medium">
                         PrimeTek
                     </a>{' '}
                     is a world renowned vendor of popular UI Component suites including{' '}
-                    <a href="https://primefaces.org" className="text-primary hover:underline font-semibold">
+                    <a href="https://primefaces.org" className="text-primary hover:underline font-medium">
                         PrimeFaces
                     </a>
                     ,{' '}
-                    <a href="https://primeng.org" className="text-primary hover:underline font-semibold">
+                    <a href="https://primeng.org" className="text-primary hover:underline font-medium">
                         PrimeNG
                     </a>
                     ,{' '}
-                    <a href="https://primereact.org" className="text-primary hover:underline font-semibold">
+                    <a href="https://primereact.org" className="text-primary hover:underline font-medium">
                         PrimeReact
                     </a>{' '}
                     and{' '}
-                    <a href="https://primevue.org" className="text-primary hover:underline font-semibold">
+                    <a href="https://primevue.org" className="text-primary hover:underline font-medium">
                         PrimeVue
                     </a>
                     . All the members in our team are full time employees of PrimeTek who share the same passion and vision for open source to create awesome UI libraries.
diff --git a/pages/uikit/index.js b/pages/uikit/index.js
index c20c441aa0..94d5078f7d 100644
--- a/pages/uikit/index.js
+++ b/pages/uikit/index.js
@@ -152,7 +152,7 @@ const UIKitPage = (props) => {
                     <div className="card mb-5" style={{ borderRadius: '50px' }}>
                         <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">
+                        <a href="https://www.primefaces.org/uikit/licenses" className="mb-6 text-primary hover:underline font-medium text-center block text-lg">
                             View License Details
                         </a>
 
@@ -313,7 +313,7 @@ const UIKitPage = (props) => {
                                 <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 text-lg">
                                     Yes, after the purchase, please{' '}
-                                    <a href="mailto:contact@primetek.com.tr" className="text-primary hover:underline font-semibold">
+                                    <a href="mailto:contact@primetek.com.tr" className="text-primary hover:underline font-medium">
                                         contact us
                                     </a>{' '}
                                     so we can transfer the license to your client.
@@ -332,7 +332,7 @@ const UIKitPage = (props) => {
                                 <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 text-lg">
                                     Support is provided by PrimeTek via
-                                    <a href="https://github.com/orgs/primefaces/discussions/categories/figma-ui-kit" className="text-primary hover:underline font-semibold">
+                                    <a href="https://github.com/orgs/primefaces/discussions/categories/figma-ui-kit" className="text-primary hover:underline font-medium">
                                         a dedicated forum channel monitored
                                     </a>{' '}
                                     by PrimeTek support staff.
diff --git a/styles/layout/_doc.scss b/styles/layout/_doc.scss
index 47605a496d..7705eca21f 100644
--- a/styles/layout/_doc.scss
+++ b/styles/layout/_doc.scss
@@ -126,7 +126,7 @@
 
         a {
             color: var(--primary-color);
-            font-weight: 600;
+            font-weight: 500;
             transition: all .2s;
             border-radius: var(--border-radius);
             @include focus-visible();