diff --git a/src/main/twirl/helper/preview.scala.html b/src/main/twirl/helper/preview.scala.html
index 639acd9..185cccf 100644
--- a/src/main/twirl/helper/preview.scala.html
+++ b/src/main/twirl/helper/preview.scala.html
@@ -3,7 +3,7 @@
 @import context._
 @import view.helpers._
 <div class="tabbable">
-  <ul class="nav nav-tabs">
+  <ul class="nav nav-tabs" style="height: 37px;">
     <li class="active"><a href="#tab1" data-toggle="tab">Write</a></li>
     <li><a href="#tab2" data-toggle="tab" id="preview">Preview</a></li>
   </ul>
diff --git a/src/main/twirl/issues/create.scala.html b/src/main/twirl/issues/create.scala.html
index e87ed97..009c58d 100644
--- a/src/main/twirl/issues/create.scala.html
+++ b/src/main/twirl/issues/create.scala.html
@@ -15,7 +15,7 @@
         <div class="box issue-box">
           <div class="box-content">
             <span id="error-title" class="error"></span>
-            <input type="text" name="title" value="" placeholder="Title" style="width: 600px;"/>
+            <input type="text" name="title" value="" placeholder="Title" style="width: 565px;"/>
             <div>
               <span id="label-assigned">No one is assigned</span>
               @if(hasWritePermission){
@@ -56,7 +56,7 @@
               </div>
             </div>
             <hr>
-            @helper.html.preview(repository, "", false, true, "width: 600px; height: 200px; max-height: 250px;", elastic = true)
+            @helper.html.preview(repository, "", false, true, "width: 565px; height: 200px; max-height: 250px;", elastic = true)
           </div>
         </div>
         <div class="pull-right">
diff --git a/src/main/twirl/issues/issue.scala.html b/src/main/twirl/issues/issue.scala.html
index d849ab0..9cbd6da 100644
--- a/src/main/twirl/issues/issue.scala.html
+++ b/src/main/twirl/issues/issue.scala.html
@@ -11,7 +11,7 @@
 @html.main(s"${issue.title} - Issue #${issue.issueId} - ${repository.owner}/${repository.name}", Some(repository)){
   @html.menu("issues", repository){
     @tab("issues", repository)
-    <ul class="nav nav-tabs">
+    <ul class="nav nav-tabs pull-left fill-width">
       <li class="pull-left"><a href="@url(repository)/issues"><i class="icon-arrow-left"></i> Back to issue list</a></li>
       <li class="pull-right">Issue #@issue.issueId</li>
     </ul>
diff --git a/src/main/twirl/pulls/compare.scala.html b/src/main/twirl/pulls/compare.scala.html
index 90fa6f2..b99e5b2 100644
--- a/src/main/twirl/pulls/compare.scala.html
+++ b/src/main/twirl/pulls/compare.scala.html
@@ -50,15 +50,15 @@
       <div id="pull-request-form" class="box" style="display: none;">
           <div class="box-content">
             <form method="POST" action="@path/@originRepository.owner/@originRepository.name/pulls/new" validate="true">
-              <div style="width: 260px; position: absolute; margin-left: 635px;">
+              <div style="width: 240px; position: absolute; margin-left: 610px;">
                 <div class="check-conflict" style="display: none;">
                   <img src="@assets/common/images/indicator.gif"/> Checking...
                 </div>
               </div>
-              <div style="width: 620px; border-right: 1px solid #d4d4d4;">
+              <div style="width: 600px; border-right: 1px solid #d4d4d4;">
                 <span class="error" id="error-title"></span>
-                <input type="text" name="title" style="width: 600px" placeholder="Title"/>
-                @helper.html.preview(repository, "", false, true, "width: 600px; height: 200px;")
+                <input type="text" name="title" style="width: 580px" placeholder="Title"/>
+                @helper.html.preview(repository, "", false, true, "width: 580px; height: 200px;")
                 <input type="hidden" name="targetUserName" value="@originRepository.owner"/>
                 <input type="hidden" name="targetBranch" value="@originId"/>
                 <input type="hidden" name="requestUserName" value="@forkedRepository.owner"/>