diff --git a/CHANGELOG.md b/CHANGELOG.md
index bcc2ae4a15..c6f4a2b68d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,10 @@
+## [1.31.1](https://github.com/dyte-in/docs/compare/v1.31.0...v1.31.1) (2022-12-13)
+
+
+### Bug Fixes
+
+* smol ui fixes ([e0f158e](https://github.com/dyte-in/docs/commit/e0f158e7fba6de6a6c91115e223745b0b0e474ff))
+
 # [1.31.0](https://github.com/dyte-in/docs/compare/v1.30.0...v1.31.0) (2022-12-13)
 
 
diff --git a/package-lock.json b/package-lock.json
index 8ada4db9ed..5116ce7a05 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "dyte-docs",
-  "version": "1.31.0",
+  "version": "1.31.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "dyte-docs",
-      "version": "1.31.0",
+      "version": "1.31.1",
       "hasInstallScript": true,
       "dependencies": {
         "@docusaurus/core": "^2.1.0",
diff --git a/package.json b/package.json
index bcc4efeee8..dde7d3c6b3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dyte-docs",
-  "version": "1.31.0",
+  "version": "1.31.1",
   "private": true,
   "scripts": {
     "postinstall": "node ./bin/ui-kit/component-docs.cjs",
diff --git a/src/components/homepage/SDKsSection.jsx b/src/components/homepage/SDKsSection.jsx
index 2fa760e5d3..d2dc3cf374 100644
--- a/src/components/homepage/SDKsSection.jsx
+++ b/src/components/homepage/SDKsSection.jsx
@@ -138,7 +138,7 @@ export default function SDKsSection() {
               section covers everything you need to know for creating live video
               and voice solutions for web applications.
             </p>
-            <Link className="text-sm">Learn More &rarr;</Link>
+            {/* <Link className="text-sm">Learn More &rarr;</Link> */}
           </div>
           <div className="flex-1 bg-secondary-800 p-6 px-8 lg:rounded-l-3xl">
             <h4>UI Kit</h4>
@@ -206,9 +206,9 @@ export default function SDKsSection() {
               help you deliver best-in-class real-time communication experience
               for your mobile applications.
             </p>
-            <Link className="text-sm" href="#">
+            {/* <Link className="text-sm" href="#">
               Learn More &rarr;
-            </Link>
+            </Link> */}
           </div>
           <div className="flex flex-1 flex-col bg-secondary-800 p-6 px-8 lg:rounded-l-3xl">
             <h4>UI Kit</h4>
@@ -217,7 +217,7 @@ export default function SDKsSection() {
               using Dyte&apos;s prebuilt design library of UI components.
             </p>
             <div className="flex flex-1 flex-col justify-end">
-              <div className="rounded-2xl bg-secondary-700 p-4 dark:bg-secondary-800">
+              <div className="rounded-2xl bg-secondary-700 p-4 dark:bg-secondary-900">
                 <h5 className="text-center text-xs text-text-400">
                   COMING SOON
                 </h5>
diff --git a/src/css/custom.css b/src/css/custom.css
index 470850b26a..194255e51c 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -739,6 +739,10 @@ html[data-theme='dark'] .dropdown > .navbar__link:after {
   @apply font-medium;
 }
 
+.dyte-dropdown h3 {
+  @apply font-bold;
+}
+
 .sdks-dropdown h2 {
   @apply text-lg;
 }