diff --git a/web/src/components/Popup/index.tsx b/web/src/components/Popup/index.tsx
index 1e3d58396..e1b285230 100644
--- a/web/src/components/Popup/index.tsx
+++ b/web/src/components/Popup/index.tsx
@@ -73,8 +73,8 @@ const VoteDescriptionContainer = styled.div`
   display: flex;
   flex-direction: column;
   margin-bottom: ${responsiveSize(16, 32)};
-  margin-left: ${responsiveSize(8, 12)};
-  margin-right: ${responsiveSize(8, 12)};
+  margin-left: ${responsiveSize(8, 32)};
+  margin-right: ${responsiveSize(8, 32)};
   color: ${({ theme }) => theme.secondaryText};
   text-align: center;
   line-height: 21.8px;
diff --git a/web/src/pages/Cases/CaseDetails/Timeline.tsx b/web/src/pages/Cases/CaseDetails/Timeline.tsx
index a2e04429e..58e703ae0 100644
--- a/web/src/pages/Cases/CaseDetails/Timeline.tsx
+++ b/web/src/pages/Cases/CaseDetails/Timeline.tsx
@@ -15,6 +15,8 @@ const TimeLineContainer = styled(Box)`
   height: 98px;
   border-radius: 0px;
   padding: ${responsiveSize(16, 48)} 8px 0px ${responsiveSize(12, 22)};
+  margin-top: ${responsiveSize(16, 48)};
+  margin-bottom: ${responsiveSize(12, 22)};
   background-color: ${({ theme }) => theme.whiteBackground};
 
   ${landscapeStyle(