diff --git a/public/css/styles.css b/public/css/styles.css
index 3de5018..67d0ee2 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -60,7 +60,10 @@
 
 .spine .text-container {
   width: 260px;
-  transform: rotate(90deg) translateX(108px) translateY(58px);
+  height: 100px;
+  transform: rotate(90deg) translateX(82px) translateY(80px);
+  overflow: hidden;
+  word-break: break-all;
 }
 .spine .title {
   font-size: 1.3em;
@@ -70,21 +73,23 @@
 }
 
 .book-slot.is-thin .book .spine .text-container {
-  transform: rotate(90deg) translateX(108px) translateY(78px);
+  height: 80px;
+  transform: rotate(90deg) translateX(92px) translateY(92px);
 }
 .book-slot.is-thick .book .spine .text-container {
-  transform: rotate(90deg) translateX(108px) translateY(40px);
+  height: 120px;
+  transform: rotate(90deg) translateX(72px) translateY(72px);
 }
 
 .book.is-short .spine .text-container {
   width: 230px;
-  transform: rotate(90deg) translateX(98px) translateY(40px);
+  transform: rotate(90deg) translateX(68px) translateY(66px);
 }
 .book-slot.is-thin .book.is-short .spine .text-container {
-  transform: rotate(90deg) translateX(98px) translateY(60px);
+  transform: rotate(90deg) translateX(78px) translateY(76px);
 }
 .book-slot.is-thick .book.is-short .spine .text-container {
-  transform: rotate(90deg) translateX(98px) translateY(20px);
+  transform: rotate(90deg) translateX(58px) translateY(56px);
 }
 .book.is-short .spine .title {
   font-size: 1.1em;
@@ -94,17 +99,17 @@
 }
 .book.is-tall .spine .text-container {
   width: 290px;
-  transform: rotate(90deg) translateX(120px) translateY(78px);
+  transform: rotate(90deg) translateX(98px) translateY(95px);
 }
 .book-slot.is-thin .book.is-tall .spine .text-container {
-  transform: rotate(90deg) translateX(120px) translateY(98px);
+  transform: rotate(90deg) translateX(108px) translateY(106px);
 }
 .book-slot.is-thick .book.is-tall .spine .text-container {
-  transform: rotate(90deg) translateX(120px) translateY(58px);
+  transform: rotate(90deg) translateX(88px) translateY(86px);
 }
 .book.is-tall .spine .title {
-  font-size: 1.5em;
-}
-.book.is-tall .spine .subtitle {
   font-size: 1.3em;
 }
+.book.is-tall .spine .subtitle {
+  font-size: 1.1em;
+}
diff --git a/routes/get_home.js b/routes/get_home.js
index ec393b0..e9a63d4 100644
--- a/routes/get_home.js
+++ b/routes/get_home.js
@@ -49,8 +49,11 @@ module.exports = function (app) {
         id,
         title: bookData.title,
         author: bookData.author,
-        thickness: fileDetails.size > (maxSize * 0.3) ? 'is-thick' : (fileDetails.size < (maxSize * 0.6) ? 'is-thin' : ''),
-        tallness: bookData.title.length > 15 ? 'is-tall' : (bookData.title.length < 8 ? 'is-short' : ''),
+        thickness: (fileDetails.size > (maxSize * 0.3)) || (bookData.title.length > 28)
+          ? 'is-thick' : (fileDetails.size < (maxSize * 0.6) ? 'is-thin' : ''),
+        tallness: bookData.title.length > 16 ? 'is-tall' : (bookData.title.length < 8 ? 'is-short' : ''),
+        spineColor: '#ff0000',
+        textColor: '#ffffff',
         fileType: bookData.fileType,
         modal,
       });
diff --git a/templates/elements/book.html b/templates/elements/book.html
index d190b87..f670dfc 100644
--- a/templates/elements/book.html
+++ b/templates/elements/book.html
@@ -1,9 +1,9 @@
 <div class="book-slot {{thickness}} column is-narrow is-paddingless" id="book_{{id}}">
   <div class="book {{tallness}} modal-button" data-modal="{{id}}">
-    <div class="spine">
+    <div class="spine" style="background:{{spineColor}}">
       <div class="text-container">
-        <h2 class="title">{{title}}</h2>
-        <h4 class="subtitle">{{author}}</h4>
+        <h2 class="title" style="color:{{textColor}}">{{title}}</h2>
+        <h4 class="subtitle" style="color:{{textColor}}">{{author}}</h4>
       </div>
       <!-- div class="tags has-addons">
         <span class="tag">File Format</span>