catchup-library-web 1.18.3 → 1.18.5

package/dist/index.js

@@ -7662,7 +7662,7 @@ var ActivityTemplateLabel = ({
   icon,
   font
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
     icon ? icon : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(BaseImage_default, { src: "/icons/activity.webp", alt: "label", size: "xsmall" }),
     /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: font ? font : "text-sm", children: title })
   ] }) });
@@ -7672,7 +7672,7 @@ var ActivityTemplateLabel_default = ActivityTemplateLabel;
 // src/components/labels/BrandLabel.tsx
 var import_jsx_runtime59 = require("react/jsx-runtime");
 var BrandLabel = ({ title, icon, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
     icon ? icon : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(BaseImage_default, { src: "/icons/brand-label.webp", alt: "label", size: "xsmall" }),
     /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: font ? font : "text-sm", children: title })
   ] }) });
@@ -7682,7 +7682,7 @@ var BrandLabel_default = BrandLabel;
 // src/components/labels/CategoryLabel.tsx
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var CategoryLabel = ({ title, icon, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-category-label-border bg-category-label text-category-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-category-label-border bg-category-label text-category-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
     icon ? icon : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       BaseImage_default,
       {
@@ -7699,21 +7699,21 @@ var CategoryLabel_default = CategoryLabel;
 // src/components/labels/CoterieLabel.tsx
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var CoterieLabel = ({ title, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: font ? font : "text-sm", children: title }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: font ? font : "text-sm", children: title }) });
 };
 var CoterieLabel_default = CoterieLabel;
 
 // src/components/labels/GradeLabel.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var GradeLabel = ({ title, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: font ? font : "text-sm", children: title }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: font ? font : "text-sm", children: title }) });
 };
 var GradeLabel_default = GradeLabel;
 
 // src/components/labels/OutcomeLabel.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
 var OutcomeLabel = ({ title, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(BaseImage_default, { src: "/icons/category.webp", alt: "label", size: "xsmall" }),
     /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("p", { className: font ? font : "text-sm", children: title })
   ] }) });
@@ -7723,7 +7723,7 @@ var OutcomeLabel_default = OutcomeLabel;
 // src/components/labels/PersonalLabel.tsx
 var import_jsx_runtime64 = require("react/jsx-runtime");
 var PersonalLabel = ({ title, icon, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-personal-label-border bg-personal-label text-personal-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-personal-label-border bg-personal-label text-personal-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
     icon ? icon : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       BaseImage_default,
       {
@@ -7740,7 +7740,7 @@ var PersonalLabel_default = PersonalLabel;
 // src/components/labels/PublishingHouseLabel.tsx
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var PublishingHouseLabel = ({ title, icon, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-row items-center gap-x-2", children: [
     icon ? icon : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       BaseImage_default,
       {
@@ -7757,7 +7757,7 @@ var PublishingHouseLabel_default = PublishingHouseLabel;
 // src/components/labels/ActivityLabel.tsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
 var ActivityLabel = ({ title, font }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: font ? font : "text-sm", children: title }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: font ? font : "text-sm", children: title }) });
 };
 var ActivityLabel_default = ActivityLabel;
 

package/dist/index.mjs

@@ -7446,7 +7446,7 @@ var ActivityTemplateLabel = ({
   icon,
   font
 }) => {
-  return /* @__PURE__ */ jsx58("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ jsxs43("div", { className: "flex flex-row items-center gap-x-2", children: [
+  return /* @__PURE__ */ jsx58("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsxs43("div", { className: "flex flex-row items-center gap-x-2", children: [
     icon ? icon : /* @__PURE__ */ jsx58(BaseImage_default, { src: "/icons/activity.webp", alt: "label", size: "xsmall" }),
     /* @__PURE__ */ jsx58("p", { className: font ? font : "text-sm", children: title })
   ] }) });
@@ -7456,7 +7456,7 @@ var ActivityTemplateLabel_default = ActivityTemplateLabel;
 // src/components/labels/BrandLabel.tsx
 import { jsx as jsx59, jsxs as jsxs44 } from "react/jsx-runtime";
 var BrandLabel = ({ title, icon, font }) => {
-  return /* @__PURE__ */ jsx59("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ jsxs44("div", { className: "flex flex-row items-center gap-x-2", children: [
+  return /* @__PURE__ */ jsx59("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsxs44("div", { className: "flex flex-row items-center gap-x-2", children: [
     icon ? icon : /* @__PURE__ */ jsx59(BaseImage_default, { src: "/icons/brand-label.webp", alt: "label", size: "xsmall" }),
     /* @__PURE__ */ jsx59("p", { className: font ? font : "text-sm", children: title })
   ] }) });
@@ -7466,7 +7466,7 @@ var BrandLabel_default = BrandLabel;
 // src/components/labels/CategoryLabel.tsx
 import { jsx as jsx60, jsxs as jsxs45 } from "react/jsx-runtime";
 var CategoryLabel = ({ title, icon, font }) => {
-  return /* @__PURE__ */ jsx60("div", { className: "px-3 py-1 gap-x-3 border border-category-label-border bg-category-label text-category-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ jsxs45("div", { className: "flex flex-row items-center gap-x-2", children: [
+  return /* @__PURE__ */ jsx60("div", { className: "px-3 py-1 gap-x-3 border border-category-label-border bg-category-label text-category-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsxs45("div", { className: "flex flex-row items-center gap-x-2", children: [
     icon ? icon : /* @__PURE__ */ jsx60(
       BaseImage_default,
       {
@@ -7483,21 +7483,21 @@ var CategoryLabel_default = CategoryLabel;
 // src/components/labels/CoterieLabel.tsx
 import { jsx as jsx61 } from "react/jsx-runtime";
 var CoterieLabel = ({ title, font }) => {
-  return /* @__PURE__ */ jsx61("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ jsx61("p", { className: font ? font : "text-sm", children: title }) });
+  return /* @__PURE__ */ jsx61("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsx61("p", { className: font ? font : "text-sm", children: title }) });
 };
 var CoterieLabel_default = CoterieLabel;
 
 // src/components/labels/GradeLabel.tsx
 import { jsx as jsx62 } from "react/jsx-runtime";
 var GradeLabel = ({ title, font }) => {
-  return /* @__PURE__ */ jsx62("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ jsx62("p", { className: font ? font : "text-sm", children: title }) });
+  return /* @__PURE__ */ jsx62("div", { className: "px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsx62("p", { className: font ? font : "text-sm", children: title }) });
 };
 var GradeLabel_default = GradeLabel;
 
 // src/components/labels/OutcomeLabel.tsx
 import { jsx as jsx63, jsxs as jsxs46 } from "react/jsx-runtime";
 var OutcomeLabel = ({ title, font }) => {
-  return /* @__PURE__ */ jsx63("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ jsxs46("div", { className: "flex flex-row items-center gap-x-2", children: [
+  return /* @__PURE__ */ jsx63("div", { className: "px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsxs46("div", { className: "flex flex-row items-center gap-x-2", children: [
     /* @__PURE__ */ jsx63(BaseImage_default, { src: "/icons/category.webp", alt: "label", size: "xsmall" }),
     /* @__PURE__ */ jsx63("p", { className: font ? font : "text-sm", children: title })
   ] }) });
@@ -7507,7 +7507,7 @@ var OutcomeLabel_default = OutcomeLabel;
 // src/components/labels/PersonalLabel.tsx
 import { jsx as jsx64, jsxs as jsxs47 } from "react/jsx-runtime";
 var PersonalLabel = ({ title, icon, font }) => {
-  return /* @__PURE__ */ jsx64("div", { className: "px-3 py-1 gap-x-3 border border-personal-label-border bg-personal-label text-personal-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ jsxs47("div", { className: "flex flex-row items-center gap-x-2", children: [
+  return /* @__PURE__ */ jsx64("div", { className: "px-3 py-1 gap-x-3 border border-personal-label-border bg-personal-label text-personal-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsxs47("div", { className: "flex flex-row items-center gap-x-2", children: [
     icon ? icon : /* @__PURE__ */ jsx64(
       BaseImage_default,
       {
@@ -7524,7 +7524,7 @@ var PersonalLabel_default = PersonalLabel;
 // src/components/labels/PublishingHouseLabel.tsx
 import { jsx as jsx65, jsxs as jsxs48 } from "react/jsx-runtime";
 var PublishingHouseLabel = ({ title, icon, font }) => {
-  return /* @__PURE__ */ jsx65("div", { className: "px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-row items-center gap-x-2", children: [
+  return /* @__PURE__ */ jsx65("div", { className: "px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsxs48("div", { className: "flex flex-row items-center gap-x-2", children: [
     icon ? icon : /* @__PURE__ */ jsx65(
       BaseImage_default,
       {
@@ -7541,7 +7541,7 @@ var PublishingHouseLabel_default = PublishingHouseLabel;
 // src/components/labels/ActivityLabel.tsx
 import { jsx as jsx66 } from "react/jsx-runtime";
 var ActivityLabel = ({ title, font }) => {
-  return /* @__PURE__ */ jsx66("div", { className: "px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge m-auto text-center", children: /* @__PURE__ */ jsx66("p", { className: font ? font : "text-sm", children: title }) });
+  return /* @__PURE__ */ jsx66("div", { className: "px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center", children: /* @__PURE__ */ jsx66("p", { className: font ? font : "text-sm", children: title }) });
 };
 var ActivityLabel_default = ActivityLabel;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "catchup-library-web",
-  "version": "1.18.3",
+  "version": "1.18.5",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/components/labels/ActivityLabel.tsx

@@ -2,7 +2,7 @@ import { IActivityLabelProps } from "../../properties/LabelProperties";
 
 const ActivityLabel = ({ title, font }: IActivityLabelProps) => {
   return (
-    <div className="px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge m-auto text-center">
+    <div className="px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center">
       <p className={font ? font : "text-sm"}>{title}</p>
     </div>
   );

package/src/components/labels/ActivityTemplateLabel.tsx

@@ -7,7 +7,7 @@ const ActivityTemplateLabel = ({
   font,
 }: IActivityTemplateLabelProps) => {
   return (
-    <div className="px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge m-auto text-center">
+    <div className="px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center">
       <div className="flex flex-row items-center gap-x-2">
         {icon ? (
           icon

package/src/components/labels/BrandLabel.tsx

@@ -3,7 +3,7 @@ import BaseImage from "../images/BaseImage";
 
 const BrandLabel = ({ title, icon, font }: IBrandLabelProps) => {
   return (
-    <div className="px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge m-auto text-center">
+    <div className="px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center">
       <div className="flex flex-row items-center gap-x-2">
         {icon ? (
           icon

package/src/components/labels/CategoryLabel.tsx

@@ -3,7 +3,7 @@ import BaseImage from "../images/BaseImage";
 
 const CategoryLabel = ({ title, icon, font }: ICategoryLabelProps) => {
   return (
-    <div className="px-3 py-1 gap-x-3 border border-category-label-border bg-category-label text-category-label-text rounded-catchup-3xlarge m-auto text-center">
+    <div className="px-3 py-1 gap-x-3 border border-category-label-border bg-category-label text-category-label-text rounded-catchup-3xlarge text-center">
       <div className="flex flex-row items-center gap-x-2">
         {icon ? (
           icon

package/src/components/labels/CoterieLabel.tsx

@@ -2,7 +2,7 @@ import { ICoterieLabelProps } from "../../properties/LabelProperties";
 
 const CoterieLabel = ({ title, font }: ICoterieLabelProps) => {
   return (
-    <div className="px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge m-auto text-center">
+    <div className="px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center">
       <p className={font ? font : "text-sm"}>{title}</p>
     </div>
   );

package/src/components/labels/GradeLabel.tsx

@@ -2,7 +2,7 @@ import { IGradeLabelProps } from "../../properties/LabelProperties";
 
 const GradeLabel = ({ title, font }: IGradeLabelProps) => {
   return (
-    <div className="px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge m-auto text-center">
+    <div className="px-3 py-1 gap-x-3 border border-grade-label-border bg-grade-label text-grade-label-text rounded-catchup-3xlarge text-center">
       <p className={font ? font : "text-sm"}>{title}</p>
     </div>
   );

package/src/components/labels/OutcomeLabel.tsx

@@ -3,7 +3,7 @@ import BaseImage from "../images/BaseImage";
 
 const OutcomeLabel = ({ title, font }: IOutcomeLabelProps) => {
   return (
-    <div className="px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge m-auto text-center">
+    <div className="px-3 py-1 gap-x-3 border border-brand-label-border bg-brand-label text-brand-label-text rounded-catchup-3xlarge text-center">
       <div className="flex flex-row items-center gap-x-2">
         <BaseImage src="/icons/category.webp" alt="label" size="xsmall" />
         <p className={font ? font : "text-sm"}>{title}</p>

package/src/components/labels/PersonalLabel.tsx

@@ -3,7 +3,7 @@ import BaseImage from "../images/BaseImage";
 
 const PersonalLabel = ({ title, icon, font }: IPersonalLabelProps) => {
   return (
-    <div className="px-3 py-1 gap-x-3 border border-personal-label-border bg-personal-label text-personal-label-text rounded-catchup-3xlarge m-auto text-center">
+    <div className="px-3 py-1 gap-x-3 border border-personal-label-border bg-personal-label text-personal-label-text rounded-catchup-3xlarge text-center">
       <div className="flex flex-row items-center gap-x-2">
         {icon ? (
           icon

package/src/components/labels/PublishingHouseLabel.tsx

@@ -3,7 +3,7 @@ import BaseImage from "../images/BaseImage";
 
 const PublishingHouseLabel = ({ title, icon, font }: IPublishingLabelProps) => {
   return (
-    <div className="px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge m-auto text-center">
+    <div className="px-3 py-1 gap-x-3 border border-publishing-house-label-border bg-publishing-house-label text-publishing-house-label-text rounded-catchup-3xlarge text-center">
       <div className="flex flex-row items-center gap-x-2">
         {icon ? (
           icon

package/src/utilization/DateUtilization.ts

@@ -55,7 +55,7 @@ export const retrieveDateIntervalOptionList = () => {
   ];
 };
 
-export const calculateStartDateOfWeek = (date: Date) => {
+export const calculateStartDateOfWeek = (date: Date, isGMT: boolean) => {
   var diff = date.getDate() - date.getDay() + (date.getDay() === 0 ? -6 : 1);
 
   const startDate = new Date(date.setDate(diff));
@@ -63,18 +63,26 @@ export const calculateStartDateOfWeek = (date: Date) => {
   startDate.setMinutes(0);
   startDate.setSeconds(0);
   startDate.setMilliseconds(0);
-
-  return adjustForTimezone(startDate);
+  if (isGMT) {
+    return adjustForTimezone(startDate);
+  } else {
+    return startDate;
+  }
 };
 
-export const calculateEndDateOfWeek = (date: Date) => {
+export const calculateEndDateOfWeek = (date: Date, isGMT: boolean) => {
   var lastday = date.getDate() - (date.getDay() - 1) + 6;
   const endDate = new Date(date.setDate(lastday));
   endDate.setHours(23);
   endDate.setMinutes(59);
   endDate.setSeconds(59);
   endDate.setMilliseconds(999);
-  return adjustForTimezone(endDate);
+
+  if (isGMT) {
+    return adjustForTimezone(endDate);
+  } else {
+    return endDate;
+  }
 };
 
 export const adjustForTimezone = (date: Date) => {