diff --git a/resources/views/errors/503.blade.php b/resources/views/errors/503.blade.php
index 59bd3d8196..8fdb301580 100644
--- a/resources/views/errors/503.blade.php
+++ b/resources/views/errors/503.blade.php
@@ -11,17 +11,34 @@ System Unavailable
 @section('content')
 
 
+<style>
+  p {
+    font-size: 16px;
+  }
 
+  h3 {
+    padding-bottom: 10px;
+  }
+</style>
 <div class="row">
-  <div class="col-md-8 col-md-offset-2">
+  <div class="col-md-9 col-md-offset-1">
+    <div class="col-md-2">
+      <img src="{{ url('/') }}/img/sad-panda.png" class="pull-right" style="width: 140px; height: 140px;">
+    </div>
+    <div class="col-md-10">
+      <div class="callout callout-danger">
+        <h3><i class="icon fa fa-warning"></i> System Unavailable</h3>
+      <p>{!! json_decode(file_get_contents(storage_path('framework/down')), true)['message'] !!}</p>
+      </div>
+    </div>
+
+
+
+
+
+
+
 
-    <div style="padding-top: 200px">
-      <img src="{{ url('/') }}/img/sad-panda.png" style="width: 200px; height: 200px;" class="pull-left">
-            <div class="error-content">
-              <h2><i class="fa fa-warning text-yellow"></i> System Unavailable</h2>
-              <p>
-                {!! json_decode(file_get_contents(storage_path('framework/down')), true)['message'] !!}
-              </p>
 
     </div>
 </div>