diff --git a/src/components/shared/mui/tabs/tabs.component.jsx b/src/components/shared/mui/tabs/tabs.component.jsx
index 2d3992a..4589012 100644
--- a/src/components/shared/mui/tabs/tabs.component.jsx
+++ b/src/components/shared/mui/tabs/tabs.component.jsx
@@ -21,7 +21,7 @@ export default function ItemTabs({ outerBoxStyles, innerBoxStyles, tabList, pane
         <Box sx={{ borderBottom: 1, borderColor: 'divider', 
           display: "flex", justifyContent: "center", alignItems: "center", ...innerBoxStyles }}>
           <Tabs value={ value } onChange={ handleChange }
-          textColor="primary" indicatorColor="primary" aria-label="item tabs">
+          textColor="primary" indicatorColor="primary" variant="scrollable" aria-label="item tabs">
             {
               tabList.map((tab) => {
                 return (
diff --git a/src/components/signed-in/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx b/src/components/signed-in/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx
index 7644af3..2c981ae 100644
--- a/src/components/signed-in/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx
+++ b/src/components/signed-in/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx
@@ -3,7 +3,8 @@ import { COLOR_CODES } from "../../../../../utils/constants/shared.constants";
 
 export const CaloriesBurnedScheduleDayInfo = styled.div`
   display: flex;
-  align-items: center;
+  justify-content: left;
+  /* align-items: center; */
   padding: 2% 2% 0.5% 2%;
 
   overflow: auto;
diff --git a/src/components/signed-in/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx b/src/components/signed-in/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx
index 5473a38..ee4e8b3 100644
--- a/src/components/signed-in/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx
+++ b/src/components/signed-in/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx
@@ -3,7 +3,8 @@ import { COLOR_CODES } from "../../../../../../utils/constants/shared.constants"
 
 export const CaloriesBurnedScheduleDayInfo = styled.div`
   display: flex;
-  align-items: center;
+  justify-content: left;
+  /* align-items: center; */
   padding: 2% 2% 0.5% 2%;
 
   overflow: auto;
diff --git a/src/components/signed-out/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx b/src/components/signed-out/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx
index 7644af3..2c981ae 100644
--- a/src/components/signed-out/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx
+++ b/src/components/signed-out/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx
@@ -3,7 +3,8 @@ import { COLOR_CODES } from "../../../../../utils/constants/shared.constants";
 
 export const CaloriesBurnedScheduleDayInfo = styled.div`
   display: flex;
-  align-items: center;
+  justify-content: left;
+  /* align-items: center; */
   padding: 2% 2% 0.5% 2%;
 
   overflow: auto;
diff --git a/src/components/signed-out/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx b/src/components/signed-out/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx
index 5473a38..ee4e8b3 100644
--- a/src/components/signed-out/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx
+++ b/src/components/signed-out/dashboard/calories-burned/schedule/schedule-day-info/schedule-day-info.styles.jsx
@@ -3,7 +3,8 @@ import { COLOR_CODES } from "../../../../../../utils/constants/shared.constants"
 
 export const CaloriesBurnedScheduleDayInfo = styled.div`
   display: flex;
-  align-items: center;
+  justify-content: left;
+  /* align-items: center; */
   padding: 2% 2% 0.5% 2%;
 
   overflow: auto;