diff --git a/frontend/micro-ui/web/micro-ui-internals/example/package.json b/frontend/micro-ui/web/micro-ui-internals/example/package.json
index 64a60004fe..831b2f6802 100644
--- a/frontend/micro-ui/web/micro-ui-internals/example/package.json
+++ b/frontend/micro-ui/web/micro-ui-internals/example/package.json
@@ -17,9 +17,9 @@
     "@egovernments/digit-ui-module-dss": "1.5.52",
     "@egovernments/digit-ui-module-attendencemgmt": "0.4.9",
     "@egovernments/digit-ui-module-contracts": "0.4.8",
-    "@egovernments/digit-ui-module-measurement":"0.2.7",
-    "@egovernments/digit-ui-module-estimate": "0.4.12",
-    "@egovernments/digit-ui-module-masters": "0.4.11",
+    "@egovernments/digit-ui-module-measurement":"0.2.8",
+    "@egovernments/digit-ui-module-estimate": "0.4.13",
+    "@egovernments/digit-ui-module-masters": "0.4.12",
     "@egovernments/digit-ui-module-project": "0.4.8",
     "@egovernments/digit-ui-module-expenditure": "0.4.6",
     "@egovernments/digit-ui-customisation-mukta": "0.2.6",
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/css/package.json b/frontend/micro-ui/web/micro-ui-internals/packages/css/package.json
index 63fb4c640d..352469f210 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/css/package.json
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-works-css",
-  "version": "0.2.49",
+  "version": "0.2.50",
   "license": "MIT",
   "author": "Jagankumar <jagan.kumar@egov.org.in>",
   "main": "dist/index.css",
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/override.scss b/frontend/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/override.scss
index 14b031026f..d255e10852 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/override.scss
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/override.scss
@@ -170,4 +170,35 @@
     &.label{
       margin-top: 0.565rem;
     }
-  }
\ No newline at end of file
+  }
+
+  @media (max-width: 30rem){
+    .digit-action-bar-wrap{
+      height: fit-content;
+    }
+  }
+
+  .digit-action-bar-wrap{
+    .digit-action-bar-fields{
+      .action-bar-individual-action-field{
+        button{
+          min-width: 14rem;
+        }
+      }
+    }
+  }
+
+  .viewstatement-viewamount-wrapper,
+  .totalEstimateAmoutCrad{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .viewstatement-viewamount-wrapper-create{
+    display: flex;
+    align-items: center;
+    flex-direction: row-reverse;
+    justify-content: space-between;
+  }
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Estimate/package.json b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Estimate/package.json
index 9b6e5ab8e2..89510d0ec2 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Estimate/package.json
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Estimate/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-module-estimate",
-  "version": "0.4.12",
+  "version": "0.4.13",
   "description": "Estimate Module UI",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Estimate/src/pages/employee/Estimates/CreateDetailedEstimate/CreateEstimate.js b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Estimate/src/pages/employee/Estimates/CreateDetailedEstimate/CreateEstimate.js
index ff8937f966..9828173fc2 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Estimate/src/pages/employee/Estimates/CreateDetailedEstimate/CreateEstimate.js
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Estimate/src/pages/employee/Estimates/CreateDetailedEstimate/CreateEstimate.js
@@ -737,7 +737,7 @@ const CreateEstimate = ({ props }) => {
               onOptionSelect={(option) => {
                 onActionSelect(option);
               }}
-            ></Button>,
+            ></Button>
           ]}
           setactionFieldsToRight={true}
           className={"new-actionbar"}
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Estimate/src/pages/employee/Estimates/CreateDetailedEstimate/createEstimateConfig.js b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Estimate/src/pages/employee/Estimates/CreateDetailedEstimate/createEstimateConfig.js
index 556dbaa5ad..35d9d1772d 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Estimate/src/pages/employee/Estimates/CreateDetailedEstimate/createEstimateConfig.js
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Estimate/src/pages/employee/Estimates/CreateDetailedEstimate/createEstimateConfig.js
@@ -123,13 +123,19 @@ export const createEstimateConfig = () => {
             {
                 "head": "",
                 "subHead": "",
+                "sectionClassName":"viewstatement-viewamount-wrapper-create",
                 "navLink": "Work Details",
                 "body": [
                     {
                         "type": "component",
                         "component": "TotalEstAmount",
                         "withoutLabel": true,
-                        "key": "totalEstimatedAmount"
+                        "key": "totalEstimatedAmount",
+                        "props":{
+                            style:{
+                                marginTop:"0px"
+                            }
+                        }
                     },
                     {
                         "type": "component",
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Masters/package.json b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Masters/package.json
index 1e8f0d6aed..009bd2ab6c 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Masters/package.json
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Masters/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@egovernments/digit-ui-module-masters",
-    "version": "0.4.11",
+    "version": "0.4.12",
     "description": "Masters Module UI",
     "main": "dist/index.js",
     "module": "dist/index.modern.js",
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Masters/src/pages/employee/WageSeeker/ViewWageSeeker.js b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Masters/src/pages/employee/WageSeeker/ViewWageSeeker.js
index b768ff0011..20f30ffb6b 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Masters/src/pages/employee/WageSeeker/ViewWageSeeker.js
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Masters/src/pages/employee/WageSeeker/ViewWageSeeker.js
@@ -3,7 +3,7 @@ import { useTranslation } from "react-i18next";
 import { useHistory, useLocation } from 'react-router-dom';
 import { Header, SubmitBar } from '@egovernments/digit-ui-react-components';
 import ApplicationDetails from '../../../../../templates/ApplicationDetails';
-import { Toast,ActionBar } from '@egovernments/digit-ui-components';
+import { Toast,ActionBar,Button } from '@egovernments/digit-ui-components';
 
 const ViewWageSeeker = () => {
   const { t } = useTranslation()
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/package.json b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/package.json
index 6a1886d888..bcf9688de0 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/package.json
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-module-measurement",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Measurement Module UI",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/src/components/MeasureCard.js b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/src/components/MeasureCard.js
index 9ebff1e74e..284078daaf 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/src/components/MeasureCard.js
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/src/components/MeasureCard.js
@@ -1,4 +1,5 @@
-import { Button, CardLabelError, CardSectionHeader, CloseSvg } from "@egovernments/digit-ui-react-components";
+import { CardLabelError, CardSectionHeader, CloseSvg } from "@egovernments/digit-ui-react-components";
+import { Button } from "@egovernments/digit-ui-components";
 import React, { useReducer, Fragment, useState } from "react";
 import { useTranslation } from "react-i18next";
 import MeasureRow from "./MeasureRow";
@@ -231,8 +232,9 @@ const MeasureCard = React.memo(({ columns, fields = [], register, setValue, tabl
                     {(mode == "CREATEALL" || mode == "CREATERE") && (
                       <Button
                         className={"outline-btn"}
+                        variation={"secondary"}
                         label={t("MB_ADD_ROW")}
-                        onButtonClick={() => {
+                        onClick={() => {
                           dispatch({
                             type: "ADD_ROW",
                             state: {
@@ -255,15 +257,17 @@ const MeasureCard = React.memo(({ columns, fields = [], register, setValue, tabl
                     )}
                     {!(mode.includes("VIEW")) && <Button
                       className={"outline-btn clear-button"}
+                      variation={"secondary"}
                       label={t("MB_CLEAR")}
-                      onButtonClick={() => {
+                      onClick={() => {
                         dispatch({ type: "CLEAR_STATE" });
                       }}
                     />}
                     {!(mode.includes("VIEW")) && <Button
+                      variation={"secondary"}
                       className={"outline-btn done-button"}
                       label={t("MB_DONE")}
-                      onButtonClick={() => {
+                      onClick={() => {
                         // check for deduction and set accordingly
                         const totalQuantity = state?.reduce((total, item) => item?.isDeduction == true ? total - parseFloat(item.noOfunit) :  total + parseFloat(item.noOfunit), 0);
                         if(mode === "CREATE" && (totalQuantity < 0 || totalQuantity > tableData[tableIndex]?.approvedQuantity - tableData[tableIndex]?.consumedQ))
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/src/configs/ViewMeasurementConfig.js b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/src/configs/ViewMeasurementConfig.js
index 402ead84f0..fb437c849e 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/src/configs/ViewMeasurementConfig.js
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/src/configs/ViewMeasurementConfig.js
@@ -137,6 +137,7 @@ export const data = (contract, estimateDetails, measurement, allMeasurements, th
             props: {mode: "VIEWES", detail : {...estimateDetails, value:measurement?.additionalDetails?.totalAmount} }
           }
         ],
+        sectionClassName:"viewstatement-viewamount-wrapper"
       },
       {
         sections : [
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/src/pages/employee/CreateMeasurement.js b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/src/pages/employee/CreateMeasurement.js
index 98603f7f62..de89ca0772 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/src/pages/employee/CreateMeasurement.js
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/modules/Measurement/src/pages/employee/CreateMeasurement.js
@@ -265,6 +265,7 @@ const CreateMeasurement = ({ props }) => {
         showMultipleCardsWithoutNavs={true}
         onFormValueChange={onFormValueChange}
         noBreakLine={true}
+        fieldPairNoMargin={true}
       />
       {showToast?.display && <Toast type={showToast?.type} label={errorMessage} isDleteBtn={true} onClose={closeToast} />}
       <ActionBar
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/MobileNumber.js b/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/MobileNumber.js
index 9686908db5..9b8835833d 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/MobileNumber.js
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/atoms/MobileNumber.js
@@ -1,5 +1,6 @@
 import React from "react";
 import PropTypes from "prop-types";
+import {TextInput} from "@egovernments/digit-ui-components";
 
 const MobileNumber = (props) => {
   const user_type = Digit.SessionStorage.get("userType");
@@ -14,35 +15,38 @@ const MobileNumber = (props) => {
 
   return (
     <React.Fragment>
-      <div className="field-container">
-        {!props.hideSpan ? (
-          <span style={{ maxWidth: "50px", marginTop: "unset",border:"1px solid #464646",borderRight:"none", ...props.labelStyle }} className="citizen-card-input citizen-card-input--front">
-            +91
-          </span>
-        ) : null}
-        <div className={`text-input ${user_type === "employee"? "" : "text-mobile-input-width"} ${props.className}`}>
-          <input
+      <div className={`digit-mobile-number-container ${props?.className ? props?.className : ""}`} style={props?.style}>
+        <div
+          className={`digit-text-input-field ${user_type === "employee" ? "" : "digit-text-mobile-input-width"} ${props.className ? props.className : ""}`}
+        >
+          <TextInput
             type={"text"}
             name={props.name}
             id={props.id}
-            className={`${user_type ? "employee-card-input" : "citizen-card-input"} ${props.disable && "disabled"} focus-visible ${props.errorStyle && "employee-card-input-error"}`}
+            className={props?.className}
             placeholder={props.placeholder}
             onChange={onChange}
-            ref={props.inputRef}
+            inputRef={props.inputRef}
             value={props.value}
             style={{ ...props.style }}
-            // defaultValue={props.defaultValue || ""}
-            minLength={props.minlength}
+            minlength={props.minlength}
             maxLength={props.maxlength}
             max={props.max}
             pattern={props.pattern}
             min={props.min}
-            readOnly={props.disable}
+            nonEditable={props?.nonEditable}
             title={props.title}
             step={props.step}
             autoFocus={props.autoFocus}
             onBlur={props.onBlur}
-            autoComplete="off"
+            isMandatory={props.isMandatory}
+            disabled={props.disable}
+            hideSpan={props.hideSpan}
+            variant={props?.variant}
+            populators={
+              !props.hideSpan ? {prefix:"+91"} :{}
+            }
+            userType={user_type}
           />
         </div>
       </div>
@@ -56,8 +60,22 @@ MobileNumber.propTypes = {
   name: PropTypes.string,
   placeholder: PropTypes.string,
   onChange: PropTypes.func,
-  ref: PropTypes.func,
+  inputRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.instanceOf(Element) })]),
   value: PropTypes.any,
+  className: PropTypes.string,
+  style: PropTypes.object,
+  maxLength: PropTypes.number,
+  minlength: PropTypes.number,
+  max: PropTypes.number,
+  pattern: PropTypes.string,
+  min: PropTypes.number,
+  disable: PropTypes.bool,
+  errorStyle: PropTypes.bool,
+  hideSpan: PropTypes.bool,
+  title: PropTypes.string,
+  step: PropTypes.string,
+  autoFocus: PropTypes.bool,
+  onBlur: PropTypes.func,
 };
 
 MobileNumber.defaultProps = {
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/FormComposer.js b/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/FormComposer.js
index c1a74bb126..2e964263bf 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/FormComposer.js
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/FormComposer.js
@@ -7,8 +7,6 @@ import CardText from "../atoms/CardText";
 import CardSubHeader from "../atoms/CardSubHeader";
 import CardLabelDesc from "../atoms/CardLabelDesc";
 import CardLabelError from "../atoms/CardLabelError";
-import ActionBar from "../atoms/ActionBar";
-import SubmitBar from "../atoms/SubmitBar";
 import LinkButton from "../atoms/LinkButton";
 import ApiDropdown from "../molecules/ApiDropdown";
 import { useTranslation } from "react-i18next";
@@ -29,6 +27,9 @@ import WrapperComponent from "../atoms/WrapperComponent";
 // import TextInput from "../atoms/TextInput";
 // import CardLabelError from "../atoms/CardLabelError";
 // import CardSectionHeader from "../atoms/CardSectionHeader";
+// import ActionBar from "../atoms/ActionBar";
+// import SubmitBar from "../atoms/SubmitBar";
+
 import {
   CustomDropdown,
   Toast,
@@ -40,7 +41,9 @@ import {
   ErrorMessage,
   StringManipulator,
   Header,
-  TextBlock
+  TextBlock,
+  ActionBar,
+  SubmitBar
 } from "@egovernments/digit-ui-components";
 
 const wrapperStyles = {
@@ -915,7 +918,11 @@ export const FormComposer = (props) => {
           {props?.showMultipleCardsInNavs ? (
             props?.config?.map((section, index, array) => {
               return section.navLink ? (
-                <Card style={section.navLink !== activeLink ? getCardStyles(false) : getCardStyles()} noCardStyle={props.noCardStyle}>
+                <Card
+                  className={`${section?.sectionClassName}`}
+                  style={section.navLink !== activeLink ? getCardStyles(false) : getCardStyles()}
+                  noCardStyle={props.noCardStyle}
+                >
                   {renderFormFields(props, section, index, array, section?.sectionFormCategory)}
                 </Card>
               ) : null;
@@ -936,10 +943,14 @@ export const FormComposer = (props) => {
         </HorizontalNav>
       )}
       {!props.submitInForm && props.label && (
-        <ActionBar>
-          <SubmitBar label={t(props.label)} submit="submit" disabled={isDisabled} />
-          {props.onSkip && props.showSkip && <LinkButton style={props?.skipStyle} label={t(`CS_SKIP_CONTINUE`)} onClick={props.onSkip} />}
-        </ActionBar>
+        <ActionBar
+          actionFields={[
+            <SubmitBar label={t(props.label)} submit="submit" disabled={isDisabled} />,
+            props.onSkip && props.showSkip && <LinkButton style={props?.skipStyle} label={t(`CS_SKIP_CONTINUE`)} onClick={props.onSkip} />,
+          ]}
+          setactionFieldsToRight={true}
+          className={"new-actionbar"}
+        />
       )}
       {showErrorToast && <Toast type={"error"} label={t("ES_COMMON_PLEASE_ENTER_ALL_MANDATORY_FIELDS")} isDleteBtn={true} onClose={closeToast} />}
     </form>
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/UploadFileComposer.js b/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/UploadFileComposer.js
index 82890e4aa5..f6e5323452 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/UploadFileComposer.js
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/UploadFileComposer.js
@@ -1,14 +1,14 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
-import LabelFieldPair from "../atoms/LabelFieldPair";
-import CardLabel from "../atoms/CardLabel";
 import CardLabelError from "../atoms/CardLabelError";
-import CitizenInfoLabel from "../atoms/CitizenInfoLabel";
-import Header from "../atoms/Header";
 import { Loader } from "../atoms/Loader";
 import MultiUploadWrapper from "../molecules/MultiUploadWrapper";
-import TextInput from "../atoms/TextInput";
-import { InfoCard, StringManipulator, ErrorMessage } from "@egovernments/digit-ui-components";
+// import TextInput from "../atoms/TextInput";
+// import CitizenInfoLabel from "../atoms/CitizenInfoLabel";
+// import Header from "../atoms/Header";
+// import LabelFieldPair from "../atoms/LabelFieldPair";
+// import CardLabel from "../atoms/CardLabel";
+import { InfoCard, StringManipulator, ErrorMessage,TextInput ,Header,TextBlock,LabelFieldPair} from "@egovernments/digit-ui-components";
 
 const UploadFileComposer = ({ module, config, Controller, control, register, formData, errors, localePrefix, customClass, customErrorMsg }) => {
   const { t } = useTranslation();
@@ -64,7 +64,10 @@ const UploadFileComposer = ({ module, config, Controller, control, register, for
   // if(isLoading) return <Loader />
   return (
     <React.Fragment>
-      <Header styles={{ fontSize: "24px", marginTop: "40px" }}>{t("WORKS_RELEVANT_DOCUMENTS")}</Header>
+      {/* <Header styles={{ fontSize: "24px", marginTop: "40px" }}>{t("WORKS_RELEVANT_DOCUMENTS")}</Header> */}
+
+      <TextBlock subHeader={t("WORKS_RELEVANT_DOCUMENTS")} subHeaderClasName={`uploadfile-composer-header create-header`}></TextBlock>
+
       {docConfig?.bannerLabel && (
         <InfoCard
           populators={{
@@ -80,14 +83,19 @@ const UploadFileComposer = ({ module, config, Controller, control, register, for
       {docConfig?.documents?.map((item, index) => {
         if (!item?.active) return;
         return (
-          <LabelFieldPair key={index} style={{ alignItems: item?.showTextInput ? "flex-start" : "center" }}>
+          <LabelFieldPair key={index}>
             {item.code && (
-              <CardLabel className="bolder" style={{ marginTop: item?.showTextInput ? "10px" : "" }}>
-                {t(`${localePrefix}_${item?.code}`)} {item?.isMandatory ? " * " : null}
-              </CardLabel>
+              // <CardLabel className="bolder" style={{ marginTop: item?.showTextInput ? "10px" : "" }}>
+              //   {t(`${localePrefix}_${item?.code}`)} {item?.isMandatory ? " * " : null}
+              // </CardLabel>
+              <Header className={`label`}>
+                <div className={`label-container`}>
+                  <div className={`label-styles`}>{t(`${localePrefix}_${item?.code}`)}</div>
+                  <div style={{ color: "#B91900" }}>{item?.isMandatory ? " * " : null}</div>
+                </div>
+              </Header>
             )}
-
-            <div className="field">
+            <div className="digit-field">
               {item?.showTextInput && (
                 <div>
                   <Controller
@@ -99,6 +107,7 @@ const UploadFileComposer = ({ module, config, Controller, control, register, for
                         onChange={onChange}
                         inputRef={register({ minLength: 2 })}
                         errorStyle={errors?.[`${config.name}`]?.[`${item?.name}_name`]}
+                        className={"uploadfile-composer-textfield"}
                       />
                     )}
                     name={`${config?.name}.${item?.name}_name`}
@@ -113,7 +122,7 @@ const UploadFileComposer = ({ module, config, Controller, control, register, for
                   ) : null}
                 </div>
               )}
-              <div style={{ marginBottom: "24px" }}>
+              <div>
                 <Controller
                   render={({ value = [], onChange }) => {
                     function getFileStoreData(filesData) {
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/ViewComposer/index.js b/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/ViewComposer/index.js
index 1f314df076..e839756dcf 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/ViewComposer/index.js
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/hoc/ViewComposer/index.js
@@ -151,9 +151,9 @@ const ViewComposer = ({ isLoading = false,data, ...props }) => {
     <>
     {/* This first {} is for rendering cards at the top without navigationKey(out of navbar) */}
       {cards?.filter(card => !card?.navigationKey)?.map((card, cardIdx) => {
-          const { sections } = card;
+          const { sections ,sectionClassName} = card;
           return (
-            <Card style={activeNav && card.navigationKey ? (activeNav!==card.navigationKey?{display:"none"}:{}) : {}} className={"employeeCard-override"}>
+            <Card style={activeNav && card.navigationKey ? (activeNav!==card.navigationKey?{display:"none"}:{}) : {}} className={`employeeCard-override ${sectionClassName || ""}`}>
               {sections?.map((section, sectionIdx) => {
                 return renderCardSectionJSX(section);
               })}
@@ -164,7 +164,7 @@ const ViewComposer = ({ isLoading = false,data, ...props }) => {
 
       <HorizontalNav showNav={data?.horizontalNav?.showNav} configNavItems={data?.horizontalNav?.configNavItems} activeLink={activeNav} setActiveLink={setActiveNav} inFormComposer={false}>
         {cards?.filter(card => card?.navigationKey)?.map((card, cardIdx) => {
-          const { sections } = card;
+          const { sections,sectionClassName } = card;
           return (
             <Card style={activeNav && card.navigationKey ? (activeNav!==card.navigationKey?{display:"none"}:{}) : {}} className={`employeeCard-override ${card?.className}`}>
               {sections?.map((section, sectionIdx) => {
diff --git a/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/LocationDropdownWrapper.js b/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/LocationDropdownWrapper.js
index 70db14c8a8..574a9514d1 100644
--- a/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/LocationDropdownWrapper.js
+++ b/frontend/micro-ui/web/micro-ui-internals/packages/react-components/src/molecules/LocationDropdownWrapper.js
@@ -96,7 +96,7 @@ const LocationDropdownWrapper = ({populators,formData,props,inputRef,errors,setV
                   defaultValue={props.value?.[0] || populators.defaultValue}
                   t={t}
                   errorStyle={errors?.[populators.name]}
-                  optionCardStyles={populators?.optionsCustomStyle}
+                  optionCardStyles={populators?.optionsCustomStyle ? populators?.optionsCustomStyle : {top:"2.3rem"}}
               />
           }
     </>
diff --git a/frontend/micro-ui/web/package.json b/frontend/micro-ui/web/package.json
index 13ab84134d..90ac379352 100644
--- a/frontend/micro-ui/web/package.json
+++ b/frontend/micro-ui/web/package.json
@@ -24,9 +24,9 @@
     "@egovernments/digit-ui-module-dss": "1.5.52",
     "@egovernments/digit-ui-module-attendencemgmt": "0.4.9",
     "@egovernments/digit-ui-module-contracts": "0.4.8",
-    "@egovernments/digit-ui-module-measurement":"0.2.7",
-    "@egovernments/digit-ui-module-estimate": "0.4.12",
-    "@egovernments/digit-ui-module-masters": "0.4.11",
+    "@egovernments/digit-ui-module-measurement":"0.2.8",
+    "@egovernments/digit-ui-module-estimate": "0.4.13",
+    "@egovernments/digit-ui-module-masters": "0.4.12",
     "@egovernments/digit-ui-module-project": "0.4.8",
     "@egovernments/digit-ui-module-expenditure": "0.4.6",
     "@egovernments/digit-ui-customisation-mukta": "0.2.6",
diff --git a/frontend/micro-ui/web/public/index.html b/frontend/micro-ui/web/public/index.html
index ea8e83d191..6d95a1baf5 100644
--- a/frontend/micro-ui/web/public/index.html
+++ b/frontend/micro-ui/web/public/index.html
@@ -9,7 +9,7 @@
     rel='stylesheet' type='text/css'>
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.8.2-beta.25/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.36/dist/index.css" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-works-css@0.2.49/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-works-css@0.2.50/dist/index.css" />
   <link rel="stylesheet" href="https://mukta-uat-bucket-s3.s3.ap-south-1.amazonaws.com/mukta-login.css" />
   <!-- <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-works-css/dist/index.css" /> -->
   <meta name="viewport" content="width=device-width, initial-scale=1" />