diff --git a/lib/sidetiq/views/assets/styles.css b/lib/sidetiq/views/assets/styles.css
index e69de29..ed9f455 100644
--- a/lib/sidetiq/views/assets/styles.css
+++ b/lib/sidetiq/views/assets/styles.css
@@ -0,0 +1,21 @@
+
+.table-sidetiq {
+  width: 100%;
+  margin: 0;
+  table-layout: fixed;
+}
+
+.backtrace {
+  display: none;
+  overflow: auto;
+  width: 100%;
+  background: white;
+}
+
+.backtrace pre {
+  display: inline-block;
+  font-size: 0.8em;
+  border: none;
+  white-space: nowrap;
+  margin: 0;
+}
\ No newline at end of file
diff --git a/lib/sidetiq/views/history.erb b/lib/sidetiq/views/history.erb
index 84a2242..7531fa8 100644
--- a/lib/sidetiq/views/history.erb
+++ b/lib/sidetiq/views/history.erb
@@ -1,4 +1,6 @@
+<style>
 <%= File.read(File.join(view_path, 'assets', 'styles.css')) %>
+</style>
 
 <header class="row">
   <div class="col-md-5">
@@ -11,7 +13,7 @@
     <%= erb File.read(File.join(view_path, '_worker_nav.erb')) %>
 
     <div class="col-md-9">
-      <table class="table table-striped table-bordered table-hover table-white" style="width: 100%; margin: 0; table-layout:fixed;">
+      <table class="table table-striped table-bordered table-hover table-white table-sidetiq">
         <thead>
           <th style="width: 10%">Status</th>
           <th style="width: 20%">Timestamp</th>
@@ -28,8 +30,8 @@
             <a class="backtrace" href="#" onclick="$(this).next().toggle(); return false">
               <%= entry[:exception] %>: <%= entry[:error] %>
             </a>
-            <div style="display: none; overflow: auto; width: 100%; background: white; ">
-              <pre style="display: inline-block; font-size: 0.8em; border: none; white-space: nowrap; margin: 0">
+            <div class="backtrace">
+              <pre>
                 <%= entry[:backtrace].join("<br />") %>
               </pre>
             </div>
diff --git a/lib/sidetiq/views/locks.erb b/lib/sidetiq/views/locks.erb
index e19009c..bf7320d 100644
--- a/lib/sidetiq/views/locks.erb
+++ b/lib/sidetiq/views/locks.erb
@@ -1,4 +1,6 @@
+<style>
 <%= File.read(File.join(view_path, 'assets', 'styles.css')) %>
+</style>
 
 <header class="row">
   <div class="col-md-5">
@@ -12,7 +14,7 @@
 
     <div class="col-md-9">
       <% if @locks.length > 0 %>
-      <table class="table table-striped table-bordered table-white" style="width: 100%; margin: 0; table-layout:fixed;">
+      <table class="table table-striped table-bordered table-white table-sidetiq">
         <thead>
           <th style="width: 20%">Key</th>
           <th style="width: 30%">Owner Node</th>
diff --git a/lib/sidetiq/views/schedule.erb b/lib/sidetiq/views/schedule.erb
index f713afc..087a538 100644
--- a/lib/sidetiq/views/schedule.erb
+++ b/lib/sidetiq/views/schedule.erb
@@ -1,4 +1,6 @@
+<style>
 <%= File.read(File.join(view_path, 'assets', 'styles.css')) %>
+</style>
 
 <header class="row">
   <div class="col-md-5">
@@ -12,7 +14,7 @@
 
     <div class="col-md-9">
       <% if (recurrences = @schedule.recurrence_rules).length > 0 %>
-      <table class="table table-striped table-bordered table-hover table-white" style="width: 100%; margin: 0; table-layout:fixed;">
+      <table class="table table-striped table-bordered table-hover table-white table-sidetiq">
         <thead>
           <th>Recurrences</th>
         </thead>
@@ -27,7 +29,7 @@
       <br />
 
       <% if (exceptions = @schedule.exception_rules).length > 0 %>
-      <table class="table table-striped table-bordered table-hover table-white" style="width: 100%; margin: 0; table-layout:fixed;">
+      <table class="table table-striped table-bordered table-hover table-white table-sidetiq">
         <thead>
           <th>Exceptions</th>
         </thead>
@@ -41,7 +43,7 @@
 
       <br />
 
-      <table class="table table-striped table-bordered table-hover table-white" style="width: 100%; margin: 0; table-layout:fixed;">
+      <table class="table table-striped table-bordered table-hover table-white table-sidetiq">
         <thead>
           <th style="width: 25%">Next 10 runs</th>
           <th style="width: 75%" />
diff --git a/lib/sidetiq/views/sidetiq.erb b/lib/sidetiq/views/sidetiq.erb
index a2c9199..10b8cde 100644
--- a/lib/sidetiq/views/sidetiq.erb
+++ b/lib/sidetiq/views/sidetiq.erb
@@ -1,4 +1,6 @@
+<style>
 <%= File.read(File.join(view_path, 'assets', 'styles.css')) %>
+</style>
 
 <header class="row">
   <div class="col-sm-5">
@@ -12,7 +14,7 @@
 
     <div class="col-md-9">
       <% if @workers.length > 0 %>
-      <table class="table table-striped table-bordered table-white" style="width: 100%; margin: 0; table-layout:fixed;">
+      <table class="table table-striped table-bordered table-white table-sidetiq">
         <thead>
           <th style="width: 50%">Worker</th>
           <th style="width: 10%">Queue</th>