diff --git a/src/components/Article/ShoutRatingControl.tsx b/src/components/Article/ShoutRatingControl.tsx
index 8b24d08c..e309ac6d 100644
--- a/src/components/Article/ShoutRatingControl.tsx
+++ b/src/components/Article/ShoutRatingControl.tsx
@@ -73,12 +73,9 @@ export const ShoutRatingControl = (props: ShoutRatingControlProps) => {
   return (
     <div class={clsx(styles.rating, props.class)}>
       <button onClick={() => handleRatingChange(false)} disabled={isLoading()}>
-        <Show when={!isDownvoted()}>
+        <Show when={!isDownvoted()} fallback={<Icon name="rating-control-checked" />}>
           <Icon name="rating-control-less" />
         </Show>
-        <Show when={isDownvoted()}>
-          <Icon name="rating-control-checked" />
-        </Show>
       </button>
 
       <Popup trigger={<span class={styles.ratingValue}>{props.shout.stat.rating}</span>} variant="tiny">
@@ -89,12 +86,9 @@ export const ShoutRatingControl = (props: ShoutRatingControlProps) => {
       </Popup>
 
       <button onClick={() => handleRatingChange(true)} disabled={isLoading()}>
-        <Show when={!isUpvoted()}>
+        <Show when={!isUpvoted()} fallback={<Icon name="rating-control-checked" />}>
           <Icon name="rating-control-more" />
         </Show>
-        <Show when={isUpvoted()}>
-          <Icon name="rating-control-checked" />
-        </Show>
       </button>
     </div>
   )