diff --git a/src/app/components/book-tile/book-tile.js b/src/app/components/book-tile/book-tile.js
index 94f22389b..23ccca732 100644
--- a/src/app/components/book-tile/book-tile.js
+++ b/src/app/components/book-tile/book-tile.js
@@ -150,7 +150,7 @@ function useBookInfo(id) {
 }
 
 export default function BookTile({ book: [book] }) {
-    const { coverUrl, title, slug } = book;
+    const { coverUrl, title, slug, bookState } = book;
     const info = useBookInfo(book.id);
     const comingSoon = info?.book_state === 'coming_soon';
     const assignable = info?.assignable_book === true;
@@ -165,7 +165,13 @@ export default function BookTile({ book: [book] }) {
             <div className="text-block">
                 <a href={`/details/${slug}`}>{title}</a>
             </div>
-            <GetTheBookDropdown bookInfo={book} />
+            {
+                bookState === 'coming_soon' ?
+                    <div className='navmenu'>
+                        <button type='button' disabled>Coming soon</button>
+                    </div> :
+                    <GetTheBookDropdown bookInfo={book} />
+            }
         </div>
     );
 }
diff --git a/src/app/components/book-tile/book-tile.scss b/src/app/components/book-tile/book-tile.scss
index 98e4ade24..85c97582e 100644
--- a/src/app/components/book-tile/book-tile.scss
+++ b/src/app/components/book-tile/book-tile.scss
@@ -44,6 +44,11 @@
             justify-content: space-between;
             padding: 0 $normal-margin;
             width: 100%;
+
+            &[disabled] {
+                font-style: italic;
+                pointer-events: none;
+            }
         }
     
         [role="menu"] {