From 97d0ad50ace0fd5b742f30daf690bce341449466 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Paulo?= <joao.paulo@querodelivery.com>
Date: Wed, 30 Oct 2024 15:46:12 -0300
Subject: [PATCH] fix: update input time element style

---
 src/components/Calendar/styles.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/Calendar/styles.ts b/src/components/Calendar/styles.ts
index 6897393..a4101d1 100644
--- a/src/components/Calendar/styles.ts
+++ b/src/components/Calendar/styles.ts
@@ -395,6 +395,7 @@ export const Container = styled.div<CalendarProps>`
   .react-datepicker__input-time-container .react-datepicker-time__caption {
     display: inline-block !important;
     color: #707070 !important;
+    font-size: medium;
   }
 
   .react-datepicker__input-time-container
@@ -413,13 +414,14 @@ export const Container = styled.div<CalendarProps>`
     .react-datepicker-time__input-container
     .react-datepicker-time__input
     input {
-    width: 85px !important;
+    width: 90% !important;
     border-radius: 20px !important;
     padding: 5px 10px !important;
     outline: none !important;
     border-style: solid !important;
     border-width: 1px !important;
     border-color: #707070 !important;
+    text-align: center;
   }
 
   .react-datepicker__input-time-container