diff --git a/ui/ui/customer/invoice-customer.tpl b/ui/ui/customer/invoice-customer.tpl
index 9870033a..d7bd43c9 100644
--- a/ui/ui/customer/invoice-customer.tpl
+++ b/ui/ui/customer/invoice-customer.tpl
@@ -1,12 +1,12 @@
 {include file="customer/header.tpl"}
 
 <div class="row">
-    <div class="col-lg-12">
+    <div class="col-md-6 col-md-offset-3">
         <div class="panel panel-hovered panel-primary panel-stacked mb30">
             <div class="panel-heading">{$in['invoice']}</div>
             <div class="panel-body">
                 <form class="form-horizontal" method="post" action="{$_url}plan/print" target="_blank">
-                    <pre id="content">{$invoice}</pre>
+                    <pre id="content" style="text-align: center;">{$invoice}</pre>
                     <input type="hidden" name="id" value="{$in['id']}">
                     <a href="{$_url}voucher/list-activated" class="btn btn-default btn-sm"><i
                             class="ion-reply-all"></i>{Lang::T('Finish')}</a>
diff --git a/ui/ui/invoice.tpl b/ui/ui/invoice.tpl
index 3f208413..f3fa0c0e 100644
--- a/ui/ui/invoice.tpl
+++ b/ui/ui/invoice.tpl
@@ -6,7 +6,7 @@
             <div class="panel-heading">{$in['invoice']}</div>
             <div class="panel-body">
                 <form class="form-horizontal" method="post" action="{$_url}plan/print" target="_blank">
-                    <pre id="content"></pre>
+                    <pre id="content" style="text-align: center;"></pre>
                     <textarea class="hidden" id="formcontent" name="content">{$invoice}</textarea>
                     <input type="hidden" name="id" value="{$in['id']}">
                     <a href="{$_url}plan/list" class="btn btn-default btn-sm"><i