diff --git a/dashboard-ui/boxset.html b/dashboard-ui/boxset.html
index cb0503b356..f7280ecbb5 100644
--- a/dashboard-ui/boxset.html
+++ b/dashboard-ui/boxset.html
@@ -7,7 +7,7 @@
     <div id="boxsetPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a">
         <h1 class="libraryPageHeader"><a href="index.html" class="imageLink">
             <img src="css/images/home.png"></a>Movies</h1>
-        <div data-role="content" style="padding-top: 0;">
+        <div data-role="content">
 
             <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
                 <a href="moviesrecommended.html" data-role="button">Suggested</a>
@@ -21,7 +21,7 @@
             <h1 id="seriesName" style="padding-left: 10px; margin: 0;" class="hide"></h1>
             <h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1>
 
-            <div style="padding: 10px;">
+            <div class="detailPagePrimaryInfo">
                 <div class="itemImageBlock">
                     <div id="itemMedia" style="position: relative;">
                         <div id="itemImage"></div>
diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 2f58478488..db8540ea90 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -154,6 +154,10 @@
     }
 }
 
+.detailPagePrimaryInfo {
+    padding: 0 10px;
+}
+
 .mediaInfoStream {
     display: inline-block;
     vertical-align: top;
diff --git a/dashboard-ui/itembynamedetails.html b/dashboard-ui/itembynamedetails.html
index 25749cd6ec..788c08292f 100644
--- a/dashboard-ui/itembynamedetails.html
+++ b/dashboard-ui/itembynamedetails.html
@@ -7,7 +7,7 @@
     <div id="itemByNameDetailPage" data-role="page" class="page libraryPage" data-theme="a">
         <div data-role="content">
 
-            <div style="padding: 10px;">
+            <div class="detailPagePrimaryInfo">
                 <div class="itemImageBlock">
                     <div id="itemMedia" style="position: relative;">
                         <div id="itemImage"></div>
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index 937cecad04..ff1e507cbc 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -5,12 +5,12 @@
 </head>
 <body>
     <div id="itemDetailPage" data-role="page" class="page libraryPage" data-theme="a">
-        <div data-role="content" style="padding-top: 0;">
+        <div data-role="content">
 
             <h1 id="seriesName" style="padding-left: 10px; margin: 0;" class="hide"></h1>
             <h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1>
 
-            <div style="padding: 10px;">
+            <div class="detailPagePrimaryInfo">
                 <div class="itemImageBlock">
                     <div id="itemMedia" style="position: relative;">
                         <div id="itemImage"></div>
diff --git a/dashboard-ui/tvseries.html b/dashboard-ui/tvseries.html
index 2871c110ee..4147dc87f0 100644
--- a/dashboard-ui/tvseries.html
+++ b/dashboard-ui/tvseries.html
@@ -7,7 +7,7 @@
     <div id="tvSeriesPage" data-role="page" class="page libraryPage noLogoPage" data-theme="a">
         <h1 class="libraryPageHeader"><a href="index.html" class="imageLink">
             <img src="css/images/home.png"></a>TV Shows</h1>
-        <div data-role="content" style="padding-top: 0;">
+        <div data-role="content">
 
             <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
                 <a href="tvrecommended.html" data-role="button">Suggested</a>
@@ -18,7 +18,7 @@
 
             <h1 id="itemName" style="padding-left: 10px; margin: 0;"></h1>
 
-            <div style="padding: 10px;">
+            <div class="detailPagePrimaryInfo">
                 <div class="itemImageBlock">
                     <div id="itemMedia" style="position: relative;">
                         <div id="itemImage"></div>
