MUI9 | fixing timeline padding and alignment

Author: snyaggarwal

src/components/common/Events.jsx

@@ -120,8 +120,12 @@ const Discuss = ({ logs, onAdd }) => {
           padding: '4px 16px',
           marginBottom: 0,
           [`& .${timelineItemClasses.root}:before`]: {
-            flex: 0,
-            padding: 0,
+            flex: '0 !important',
+            padding: '0 !important',
+          },
+          [`& .${timelineItemClasses.missingOppositeContent}::before`]: {
+            flex: '0 !important',
+            padding: '0 !important',
           },
         }}
       >

src/components/map-projects/Discuss.jsx

@@ -120,8 +120,12 @@ const ProjectLogs = ({onClose, logs, project}) => {
             padding: '4px 20px',
             marginBottom: 0,
             [`& .${timelineItemClasses.root}:before`]: {
-              flex: 0,
-              padding: 0,
+              flex: '0 !important',
+              padding: '0 !important',
+            },
+            [`& .${timelineItemClasses.missingOppositeContent}::before`]: {
+              flex: '0 !important',
+              padding: '0 !important',
             },
           }}
         >