diff --git a/assets/styles/components/_featured_book.scss b/assets/styles/components/_featured_book.scss
index 4b82fbf..649d99b 100644
--- a/assets/styles/components/_featured_book.scss
+++ b/assets/styles/components/_featured_book.scss
@@ -3,14 +3,13 @@
   flex-direction: column;
   justify-content: flex-start;
   width: 100%;
-  max-width: 18rem;
-  height: 25rem;
+  aspect-ratio: 3 / 4;
   border: solid 1px var(--accent);
   margin: 0 0 2rem;
 
   &__cover {
     width: 100%;
-    height: 80%;
+    height: 100%;
     background-repeat: no-repeat;
     background-size: cover;
   }
diff --git a/dist/styles/aldine.css b/dist/styles/aldine.css
index cae2b0b..b2ce650 100644
--- a/dist/styles/aldine.css
+++ b/dist/styles/aldine.css
@@ -1949,14 +1949,13 @@ nav {
       -ms-flex-pack: start;
           justify-content: flex-start;
   width: 100%;
-  max-width: 18rem;
-  height: 25rem;
+  aspect-ratio: 3/4;
   border: solid 1px var(--accent);
   margin: 0 0 2rem;
 }
 .featured_book__cover {
   width: 100%;
-  height: 80%;
+  height: 100%;
   background-repeat: no-repeat;
   background-size: cover;
 }