diff --git a/resources/js/views/Article.vue b/resources/js/views/Article.vue
index 37eaaa5..216ff5d 100644
--- a/resources/js/views/Article.vue
+++ b/resources/js/views/Article.vue
@@ -141,7 +141,7 @@ handleLoad();
 
 @media only screen and (max-width: 768px) {
     .page-post-view .heading-image {
-        height: #{map-get($spacing, 3) * 10};
+        height: #{calc(map-get($spacing, 3) * 10)};
     }
 }
 </style>