diff --git a/src/components/Post/PostActions.jsx b/src/components/Post/PostActions.jsx
index 10422f40..e83ddbe9 100644
--- a/src/components/Post/PostActions.jsx
+++ b/src/components/Post/PostActions.jsx
@@ -24,7 +24,7 @@ const ActionTwitter = ({ url, slug }) => (
diff --git a/src/components/Post/PostActions.module.scss b/src/components/Post/PostActions.module.scss
index ef00073f..e4c74a3f 100644
--- a/src/components/Post/PostActions.module.scss
+++ b/src/components/Post/PostActions.module.scss
@@ -13,6 +13,12 @@
flex-wrap: wrap;
justify-content: space-between;
+ @media (min-width: $screen-md) {
+ margin-left: -100%;
+ margin-right: -18%;
+ padding-left: 80%;
+ }
+
> div {
flex: 0 0 100%;
border-bottom: 1px dashed rgba($brand-grey-light, .3);
@@ -62,7 +68,6 @@
padding-right: $spacer;
position: relative;
text-align: left;
- height: 100%;
&:hover,
&:focus {
diff --git a/src/components/molecules/RelatedPosts.module.scss b/src/components/molecules/RelatedPosts.module.scss
index a22c8198..bac23abc 100644
--- a/src/components/molecules/RelatedPosts.module.scss
+++ b/src/components/molecules/RelatedPosts.module.scss
@@ -5,6 +5,10 @@
margin-top: -($spacer * 2);
margin-bottom: $spacer;
+ @media (min-width: $screen-md) {
+ @include breakoutviewport;
+ }
+
ul {
display: flex;
flex-wrap: wrap;