diff --git a/components/ArticleMenu/ArticleMenu.tsx b/components/ArticleMenu/ArticleMenu.tsx
index faa034fb..b61db888 100644
--- a/components/ArticleMenu/ArticleMenu.tsx
+++ b/components/ArticleMenu/ArticleMenu.tsx
@@ -139,7 +139,7 @@ const ArticleMenu = ({
               }}
             >
               <HeartIcon
-                className={`w-6 h-6${
+                className={`h-6 w-6 ${
                   data?.currentUserLiked
                     ? "fill-red-400"
                     : "fill-neutral-400 dark:fill-neutral-600"
@@ -162,7 +162,7 @@ const ArticleMenu = ({
             }}
           >
             <BookmarkIcon
-              className={`w-6 h-6${
+              className={`h-6 w-6 ${
                 data?.currentUserBookmarked
                   ? "fill-blue-400"
                   : "fill-neutral-400 dark:fill-neutral-600"
diff --git a/components/ArticlePreview/ArticlePreview.tsx b/components/ArticlePreview/ArticlePreview.tsx
index 6b4a8635..fe33136b 100644
--- a/components/ArticlePreview/ArticlePreview.tsx
+++ b/components/ArticlePreview/ArticlePreview.tsx
@@ -181,7 +181,7 @@ const ArticlePreview: NextPage<Props> = ({
                 }
               >
                 <BookmarkIcon
-                  className={`w-6 h-6${
+                  className={`h-6 w-6 ${
                     bookmarked
                       ? "fill-blue-400"
                       : "fill-neutral-400 dark:fill-neutral-600"