diff --git a/src/components/MetaPreview/MetaPreview.js b/src/components/MetaPreview/MetaPreview.js
index c805b96fa..184eeb5cf 100644
--- a/src/components/MetaPreview/MetaPreview.js
+++ b/src/components/MetaPreview/MetaPreview.js
@@ -233,6 +233,16 @@ const MetaPreview = React.forwardRef(({ className, compact, name, logo, backgrou
                         :
                         null
                 }
+                {
+                    !compact ?
+                        <Ratings
+                            metaId={metaId}
+                            like={like}
+                            className={styles['ratings']}
+                        />
+                        :
+                        null
+                }
                 {
                     linksGroups.has(CONSTANTS.SHARE_LINK_CATEGORY) && !compact ?
                         <React.Fragment>
@@ -259,16 +269,6 @@ const MetaPreview = React.forwardRef(({ className, compact, name, logo, backgrou
                         :
                         null
                 }
-                {
-                    !compact && like.type === 'Ready' ?
-                        <Ratings
-                            metaId={metaId}
-                            like={like}
-                            className={styles['ratings']}
-                        />
-                        :
-                        null
-                }
             </div>
         </div>
     );
diff --git a/src/components/MetaPreview/Ratings/Ratings.less b/src/components/MetaPreview/Ratings/Ratings.less
index 199fb1b82..bc0a4e647 100644
--- a/src/components/MetaPreview/Ratings/Ratings.less
+++ b/src/components/MetaPreview/Ratings/Ratings.less
@@ -38,6 +38,14 @@
                 opacity: 1;
             }
         }
+
+        &.disabled {
+            cursor: not-allowed;
+
+            .icon {
+                opacity: 0.3;
+            }
+        }
     }
 }
 
diff --git a/src/components/MetaPreview/Ratings/Ratings.tsx b/src/components/MetaPreview/Ratings/Ratings.tsx
index 1669f3801..861776f32 100644
--- a/src/components/MetaPreview/Ratings/Ratings.tsx
+++ b/src/components/MetaPreview/Ratings/Ratings.tsx
@@ -1,6 +1,6 @@
 // Copyright (C) 2017-2025 Smart code 203358507
 
-import React from 'react';
+import React, { useMemo } from 'react';
 import useRating from './useRating';
 import styles from './Ratings.less';
 import Icon from '@stremio/stremio-icons/react';
@@ -19,13 +19,14 @@ type Props = {
 
 const Ratings = ({ metaId, like, className }: Props) => {
     const { onLiked, onLoved, liked, loved } = useRating(metaId, like);
+    const disabled = useMemo(() => like?.type !== 'Ready', [like]);
 
     return (
         <div className={classNames(styles['ratings-container'], className)}>
-            <div className={styles['icon-container']} onClick={onLiked}>
+            <div className={classNames(styles['icon-container'], { [styles['disabled']]: disabled })} onClick={onLiked}>
                 <Icon name={liked ? 'thumbs-up' : 'thumbs-up-outline'} className={styles['icon']} />
             </div>
-            <div className={styles['icon-container']} onClick={onLoved}>
+            <div className={classNames(styles['icon-container'], { [styles['disabled']]: disabled })} onClick={onLoved}>
                 <Icon name={loved ? 'heart' : 'heart-outline'} className={styles['icon']} />
             </div>
         </div>