diff --git a/react/css/package.json b/react/css/package.json
index 97fcd77f89..cff9914b27 100644
--- a/react/css/package.json
+++ b/react/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-components-css",
-  "version": "0.0.2-beta.38",
+  "version": "0.0.2-beta.39",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <jagan.kumar@egovernments.org>",
diff --git a/react/css/src/digitv2/components/buttonsV2.scss b/react/css/src/digitv2/components/buttonsV2.scss
index e14036508a..7f26759a9a 100644
--- a/react/css/src/digitv2/components/buttonsV2.scss
+++ b/react/css/src/digitv2/components/buttonsV2.scss
@@ -155,6 +155,10 @@
     color: theme(digitv2.lightTheme.primary-1);
   }
 
+  .digit-button-label{
+    color: theme(digitv2.lightTheme.primary-1);
+  }
+
   &.disabled {
     @apply opacity-50;
     border: 0.063rem solid theme(digitv2.lightTheme.text-disabled);
diff --git a/react/css/src/digitv2/components/chipV2.scss b/react/css/src/digitv2/components/chipV2.scss
index df3fdf977f..65e8ed2abe 100644
--- a/react/css/src/digitv2/components/chipV2.scss
+++ b/react/css/src/digitv2/components/chipV2.scss
@@ -46,6 +46,10 @@
     }
   
 
+    &.clickable:hover{
+      box-shadow: 0.125rem 0.125rem 0.25rem 0rem #36363633;
+    }
+
     svg{
       flex-shrink: 0;
     }
diff --git a/react/example/package.json b/react/example/package.json
index 511e94d841..3b60fb736e 100644
--- a/react/example/package.json
+++ b/react/example/package.json
@@ -10,7 +10,7 @@
     "build": "webpack --mode production"
   },
   "dependencies": {
-    "@egovernments/digit-ui-components": "0.0.2-beta.47",
+    "@egovernments/digit-ui-components": "0.0.2-beta.48",
     "@egovernments/digit-ui-libraries": "1.8.2-beta.1",
     "@egovernments/digit-ui-module-common": "1.7.10",
     "@egovernments/digit-ui-module-core": "1.8.1-beta.6",
diff --git a/react/example/public/index.html b/react/example/public/index.html
index d9ad594741..64ed00a8c8 100644
--- a/react/example/public/index.html
+++ b/react/example/public/index.html
@@ -9,7 +9,7 @@
     rel='stylesheet' type='text/css'>
     <link
     rel="stylesheet"
-    href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.38/dist/index.css"
+    href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.39/dist/index.css"
   />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#00bcd1" />
diff --git a/react/modules/core/package.json b/react/modules/core/package.json
index 564730d378..b596b75b0f 100644
--- a/react/modules/core/package.json
+++ b/react/modules/core/package.json
@@ -14,7 +14,7 @@
     "prepublish": "yarn build"
   },
   "dependencies": {
-    "@egovernments/digit-ui-components": "0.0.2-beta.47",
+    "@egovernments/digit-ui-components": "0.0.2-beta.48",
     "@egovernments/digit-ui-react-components": "1.8.1-beta.4",
     "react": "17.0.2",
     "react-dom": "17.0.2",
diff --git a/react/modules/sample/package.json b/react/modules/sample/package.json
index b4b865ad4e..c2c26516c3 100644
--- a/react/modules/sample/package.json
+++ b/react/modules/sample/package.json
@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "@egovernments/digit-ui-react-components": "1.8.1-beta.4",
-    "@egovernments/digit-ui-components": "0.0.2-beta.47",
+    "@egovernments/digit-ui-components": "0.0.2-beta.48",
     "react": "17.0.2",
     "react-date-range": "^1.4.0",
     "react-dom": "17.0.2",
diff --git a/react/package.json b/react/package.json
index 1d8fd38b6e..216d112adb 100644
--- a/react/package.json
+++ b/react/package.json
@@ -79,13 +79,13 @@
     "@babel/plugin-syntax-jsx": "^7.24.1",
     "@babel/preset-react": "^7.24.1",
     "@egovernments/digit-ui-libraries": "1.8.2-beta.1",
-    "@egovernments/digit-ui-components-css":"0.0.2-beta.38",
+    "@egovernments/digit-ui-components-css":"0.0.2-beta.39",
     "@egovernments/digit-ui-module-core": "1.8.1-beta.6",
     "@egovernments/digit-ui-module-project": "0.3.4",
     "@egovernments/digit-ui-module-sample": "0.0.1",
     "@egovernments/digit-ui-react-components": "1.7.10",
     "@egovernments/digit-ui-svg-components": "1.0.12",
-    "@egovernments/digit-ui-components": "0.0.2-beta.47",
+    "@egovernments/digit-ui-components": "0.0.2-beta.48",
     "babel-loader": "8.1.0",
     "clean-webpack-plugin": "4.0.0",
     "css-loader": "5.2.6",
diff --git a/react/ui-components/.storybook/preview-head.html b/react/ui-components/.storybook/preview-head.html
index 2044bdfd11..a2e12ee22e 100644
--- a/react/ui-components/.storybook/preview-head.html
+++ b/react/ui-components/.storybook/preview-head.html
@@ -1,6 +1,6 @@
 <head>
     <!-- .storybook/preview-head.html -->
-    <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.38/dist/index.css"/>
+    <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.39/dist/index.css"/>
     <!-- Pull in static files served from your Static directory or the internet -->
     <!-- Example: `main.js|ts` is configured with staticDirs: ['../public'] and your font is located in the `fonts` directory inside your `public` directory -->
     <link rel="preload" href="/fonts/my-font.woff2" />
diff --git a/react/ui-components/package.json b/react/ui-components/package.json
index 22d88c5056..61f33a9a67 100644
--- a/react/ui-components/package.json
+++ b/react/ui-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-components",
-  "version": "0.0.2-beta.47",
+  "version": "0.0.2-beta.48",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
@@ -52,7 +52,7 @@
     "dist"
   ],
   "dependencies": {
-    "@egovernments/digit-ui-components-css": "0.0.2-beta.38",
+    "@egovernments/digit-ui-components-css": "0.0.2-beta.39",
     "@egovernments/digit-ui-libraries": "1.8.1-beta.1",
     "@egovernments/digit-ui-svg-components": "1.0.12",
     "@googlemaps/js-api-loader": "1.13.10",
diff --git a/react/ui-components/public/index.html b/react/ui-components/public/index.html
index 5021cd6657..d1c75de070 100644
--- a/react/ui-components/public/index.html
+++ b/react/ui-components/public/index.html
@@ -7,7 +7,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
   <meta name="description" content="Web site created using create-react-app" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.38/dist/index.css"/>
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.39/dist/index.css"/>
   <link rel="icon" href="https://egov-dev-assets.s3.ap-south-1.amazonaws.com/browser-icon.png" />
   <style>
     .custom-class path {
diff --git a/react/ui-components/src/atoms/Chip.js b/react/ui-components/src/atoms/Chip.js
index ac89ebee9d..8db000b7e3 100644
--- a/react/ui-components/src/atoms/Chip.js
+++ b/react/ui-components/src/atoms/Chip.js
@@ -42,7 +42,7 @@ const Chip = ({
       onClick={disabled ? null : onTagClick}
     >
       <div
-        className={`digit-tag ${isErrorTag ? "errortag" : ""} ${hideClose ? "noClose" : ""} ${!iconReq ? "noIcon" : ""} ${
+        className={`digit-tag ${isErrorTag ? "errortag" : ""} ${hideClose ? "noClose" : ""} ${!iconReq ? "noIcon" : ""} ${onTagClick || onClick ? "clickable" : ""} ${
           className ? className : ""
         }`}
         style={tagStyles}
diff --git a/react/ui-components/src/hoc/FormComposerV2.js b/react/ui-components/src/hoc/FormComposerV2.js
index faea22191d..2efedbd884 100644
--- a/react/ui-components/src/hoc/FormComposerV2.js
+++ b/react/ui-components/src/hoc/FormComposerV2.js
@@ -344,8 +344,8 @@ export const FormComposer = (props) => {
   const renderFormFields = (props, section, index, array, sectionFormCategory) => (
     <React.Fragment key={index}>
       {!props.childrenAtTheBottom && props.children}
-      {props.heading && <Header style={{ ...props.headingStyle }}> {props.heading} </Header>}
-      {props.description && <Header> {props.description} </Header>}
+      {props.heading && <Header styles={{ ...props.headingStyle }}> {props.heading} </Header>}
+      {props.description && <Header styles={{ ...props.descriptionStyles }}> {props.description} </Header>}
       {props.text && <p>{props.text}</p>}
       {formFields(section, index, array, sectionFormCategory)}
       {props.childrenAtTheBottom && props.children}