diff --git a/src/App.js b/src/App.js
index 25e7d5d..ef63201 100644
--- a/src/App.js
+++ b/src/App.js
@@ -140,8 +140,8 @@ function App() {
         {/* <PopupCard /> */}
         {/* <TimeLineComponent /> */}
         {/* <CardTrelloDesign /> */}
-        <ReligiousTimes />
-        <DistributedData />
+        {/* <ReligiousTimes /> */}
+        {/* <DistributedData /> */}
         {/* <CardDesign1 /> */}
         {/* <CardDesign2 /> */}
         {/* <LeafletMap /> */}
diff --git a/src/components/CurrentDateShamsi/index.js b/src/components/CurrentDateShamsi/index.js
index 12a4584..7089903 100644
--- a/src/components/CurrentDateShamsi/index.js
+++ b/src/components/CurrentDateShamsi/index.js
@@ -5,7 +5,7 @@ const CurrentDateShamsi = ({ color, fontSize }) => {
   const option = {
     weekday: "long",
     year: "numeric",
-    month: "long",
+    month: "numeric",
     day: "numeric",
   };
   const todayDate = date.toLocaleDateString("fa-IR", option);
diff --git a/src/components/DateTime/index.js b/src/components/DateTime/index.js
index 821edb7..d6712e5 100644
--- a/src/components/DateTime/index.js
+++ b/src/components/DateTime/index.js
@@ -8,11 +8,11 @@ const DateTime = () => {
     <div className="flex flex-col">
       {/* ? time */}
       <div className="flex flex-row items-center mb-2">
-        <span className="text-xs ml-2 text-[#0F0543] ">ساعت</span>
-        <CurrentTime color={"text-[#2A527A]"} fontSize={"text-xs"} />
+        <span className="text-sm ml-2 text-[#0F0543] ">ساعت</span>
+        <CurrentTime color={"text-[#2A527A]"} fontSize={"text-sm"} />
       </div>
       {/* ? date */}
-      <CurrentDateShamsi color={"text-[#2A527A]"} fontSize={"text-xs"} />
+      <CurrentDateShamsi color={"text-[#2A527A]"} fontSize={"text-sm"} />
     </div>
   );
 };
diff --git a/src/components/DistributedData/index.js b/src/components/DistributedData/index.js
index 8d43eb1..9cd3a66 100644
--- a/src/components/DistributedData/index.js
+++ b/src/components/DistributedData/index.js
@@ -2,7 +2,7 @@ import React from "react";
 
 const DistributedData = ({ items }) => {
   return (
-    <div className="mt-20 flex flex-col items-center gap-y-4 max-w-[550px] mx-auto bg-white shadow-sm rounded-lg pt-3">
+    <div className="mt-20 flex flex-col items-center gap-y-4 max-w-[750px] mx-auto bg-white shadow-sm rounded-lg pt-3">
       {items.map((row, index) => (
         <div
           className={`flex flex-row items-center justify-around w-full border-[#9DACD344] pb-3 ${
diff --git a/src/components/UserProfileInfo/index.js b/src/components/UserProfileInfo/index.js
index 4ec66dd..608e927 100644
--- a/src/components/UserProfileInfo/index.js
+++ b/src/components/UserProfileInfo/index.js
@@ -6,10 +6,10 @@ import DateTime from "../DateTime";
 
 const UserProfileInfo = () => {
   return (
-    <div className="flex flex-row items-center bg-red-50 w-fit">
+    <div className="flex flex-row items-center w-fit">
       <DateTime />{" "}
       <div
-        className="w-0.5 bg-[#9DACD344] mx-2"
+        className="w-0.5 bg-[#9DACD344] mx-4"
         style={{ height: "54px" }}
       ></div>
       <ProfileInfo />