diff --git a/ipi-survey-platform/src/components/survey/ProductData/ProductData.jsx b/ipi-survey-platform/src/components/survey/ProductData/ProductData.jsx
index 3c75992..d01c5db 100644
--- a/ipi-survey-platform/src/components/survey/ProductData/ProductData.jsx
+++ b/ipi-survey-platform/src/components/survey/ProductData/ProductData.jsx
@@ -1485,7 +1485,7 @@ const location = useLocation();
                   <div className="flex items-end space-x-4 mt-4">
                     <div>
                       <label className="block text-sm font-medium text-gray-700 mb-1">
-                        {quarterPeriods?.previous_month?.previous_period_one } Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 opacity-100" />)
+                        {quarterPeriods?.previous_month?.previous_period_one } Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 -mb-2.4 opacity-100 -mr-1 -ml-1" />)
                       </label>
                       <div className="flex items-center h-10 px-3 py-2 text-sm text-gray-700 rounded-md w-24" style={{ border: '1px solid #E6D7A2' }}>
                         {p.octCost || '0'}
@@ -1493,7 +1493,7 @@ const location = useLocation();
                     </div>
                     <div>
                       <label className="block text-sm font-medium text-gray-700 mb-1">
-                        {quarterPeriods?.previous_month?.previous_period_two } Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 opacity-100" />)
+                        {quarterPeriods?.previous_month?.previous_period_two } Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 -mb-2.4 opacity-100 -mr-1 -ml-1" />)
                       </label>
                       <div className="flex items-center h-10 px-3 py-2 text-sm text-gray-700 rounded-md w-24" style={{ border: '1px solid #E6D7A2' }}>
                         {p.novCost || '0'}
@@ -1501,7 +1501,7 @@ const location = useLocation();
                     </div>
                     <div>
                       <label className="block text-sm font-medium text-gray-700 mb-1">
-                        {quarterPeriods?.previous_month?.previous_period_three } Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 opacity-100" />)
+                        {quarterPeriods?.previous_month?.previous_period_three } Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 -mb-2.4 opacity-100 -mr-1 -ml-1" />)
                       </label>
                       <div className="flex items-center h-10 px-3 py-2 text-sm text-gray-700 rounded-md w-24" style={{ border: '1px solid #E6D7A2' }}>
                         {p.decCost || '0'}
@@ -1570,7 +1570,7 @@ const location = useLocation();
                   <div className="flex items-end space-x-4">
                     <div data-field={`janCost_${idx}`}>
                       <label className="block text-sm font-medium text-gray-700 mb-1">
-                        {quarterPeriods?.current_month?.current_period_one } Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 opacity-100" />)<span className="text-red-600">*</span>
+                        {quarterPeriods?.current_month?.current_period_one } Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 -mb-2.4 opacity-100 -mr-1 -ml-1" />)<span className="text-red-600">*</span>
                       </label>
                       <Input
                         className="w-24"
@@ -1586,7 +1586,7 @@ const location = useLocation();
                     </div>
                     <div data-field={`febCost_${idx}`}>
                       <label className="block text-sm font-medium text-gray-700 mb-1">
-                        {quarterPeriods?.current_month?.current_period_two} Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 opacity-100" />)<span className="text-red-600">*</span>
+                        {quarterPeriods?.current_month?.current_period_two} Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 -mb-2.4 opacity-100 -mr-1 -ml-1" />)<span className="text-red-600">*</span>
                       </label>
                       <Input
                         className="w-24"
@@ -1602,7 +1602,7 @@ const location = useLocation();
                     </div>
                     <div data-field={`marCost_${idx}`}>
                       <label className="block text-sm font-medium text-gray-700 mb-1">
-                        {quarterPeriods?.current_month?.current_period_three} Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 opacity-100" />)<span className="text-red-600">*</span>
+                        {quarterPeriods?.current_month?.current_period_three} Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 -mb-2.4 opacity-100 -mr-1 -ml-1" />)<span className="text-red-600">*</span>
                       </label>
                       <Input
                         className="w-24"
@@ -1715,7 +1715,7 @@ const location = useLocation();
                   <div className="flex items-end space-x-3">
                     <div data-field={`aprCost_${idx}`}>
                       <label className="block text-sm font-medium text-gray-700 w-26 mb-1">
-                        {quarterPeriods?.forecast_month?.forecast_period_one} Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 opacity-100" />)<span className="text-red-600">*</span>
+                        {quarterPeriods?.forecast_month?.forecast_period_one} Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 -mb-2.4 opacity-100 -mr-1 -ml-1" />)<span className="text-red-600">*</span>
                       </label>
                       <Input
                         className="w-24"
@@ -1732,7 +1732,7 @@ const location = useLocation();
                     </div>
                     <div data-field={`mayCost_${idx}`}>
                       <label className="block text-sm font-medium text-gray-700 w-27 mb-1">
-                        {quarterPeriods?.forecast_month?.forecast_period_two } Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 opacity-100" />)<span className="text-red-600">*</span>
+                        {quarterPeriods?.forecast_month?.forecast_period_two } Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 -mb-2.4 opacity-100 -mr-1 -ml-1" />)<span className="text-red-600">*</span>
                       </label>
                       <Input
                         className="w-24"
@@ -1749,7 +1749,7 @@ const location = useLocation();
                     </div>
                     <div data-field={`junCost_${idx}`}>
                       <label className="block text-sm font-medium text-gray-700 w-27 mb-1">
-                        {quarterPeriods?.forecast_month?.forecast_period_three } Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 opacity-100" />)<span className="text-red-600">*</span>
+                        {quarterPeriods?.forecast_month?.forecast_period_three } Cost (<img src={uae_currency} alt="AED" className="inline-block w-5 h-5 -mt-0.5 -mb-2.4 opacity-100 -mr-1 -ml-1" />)<span className="text-red-600">*</span>
                       </label>
                       <Input
                         className="w-24"