diff --git a/app/static/custom/css/custom.css b/app/static/custom/css/custom.css
index 1fb9d05..c208fad 100644
--- a/app/static/custom/css/custom.css
+++ b/app/static/custom/css/custom.css
@@ -1,7 +1,16 @@
 .length-break {
-	word-break: break-all !important;
+    word-break: break-all !important;
 }
 
 table td {
-	font-family:'Roboto Mono' !important;
+    font-family:'Roboto Mono' !important;
+}
+
+/*Fit default macbook screen*/
+.small-box .icon {
+    font-size: 70px !important;
+}
+
+.btn {
+    padding: 5px 4px !important;
 }
\ No newline at end of file
diff --git a/app/templates/base.html b/app/templates/base.html
index fb435e0..3df766b 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -25,16 +25,6 @@
   <link rel="stylesheet" href="{{ url_for('static', filename='adminlte2/dist/css/skins/_all-skins.min.css') }}">
   <!-- iCheck -->
   <link rel="stylesheet" href="{{ url_for('static', filename='adminlte2/plugins/iCheck/all.css') }}">
-  <!-- Morris chart -->
-  <link rel="stylesheet" href="{{ url_for('static', filename='adminlte2/plugins/morris/morris.css') }}">
-  <!-- jvectormap -->
-  <link rel="stylesheet" href="{{ url_for('static', filename='adminlte2/plugins/jvectormap/jquery-jvectormap-1.2.2.css') }}">
-  <!-- Date Picker -->
-  <link rel="stylesheet" href="{{ url_for('static', filename='adminlte2/plugins/datepicker/datepicker3.css') }}">
-  <!-- Daterange picker -->
-  <link rel="stylesheet" href="{{ url_for('static', filename='adminlte2/plugins/daterangepicker/daterangepicker-bs3.css') }}">
-  <!-- bootstrap wysihtml5 - text editor -->
-  <link rel="stylesheet" href="{{ url_for('static', filename='adminlte2/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css') }}">
   <!-- multiselect -->
   <link rel="stylesheet" href="{{ url_for('static', filename='multiselect/css/multi-select.css') }}">
   <!-- custom CSS -->
@@ -279,23 +269,8 @@
 <!-- DataTables -->
 <script src="{{ url_for('static', filename='adminlte2/plugins/datatables/jquery.dataTables.min.js') }}"></script>
 <script src="{{ url_for('static', filename='adminlte2/plugins/datatables/dataTables.bootstrap.min.js') }}"></script>
-<!-- Morris.js charts -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
-<script src="{{ url_for('static', filename='adminlte2/plugins/morris/morris.min.js') }}"></script>
 <!-- Sparkline -->
 <script src="{{ url_for('static', filename='adminlte2/plugins/sparkline/jquery.sparkline.min.js') }}"></script>
-<!-- jvectormap -->
-<script src="{{ url_for('static', filename='adminlte2/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js') }}"></script>
-<script src="{{ url_for('static', filename='adminlte2/plugins/jvectormap/jquery-jvectormap-world-mill-en.js') }}"></script>
-<!-- jQuery Knob Chart -->
-<script src="{{ url_for('static', filename='adminlte2/plugins/knob/jquery.knob.js') }}"></script>
-<!-- daterangepicker -->
-<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
-<script src="{{ url_for('static', filename='adminlte2/plugins/daterangepicker/daterangepicker.js') }}"></script>
-<!-- datepicker -->
-<script src="{{ url_for('static', filename='adminlte2/plugins/datepicker/bootstrap-datepicker.js') }}"></script>
-<!-- Bootstrap WYSIHTML5 -->
-<script src="{{ url_for('static', filename='adminlte2/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js') }}"></script>
 <!-- Slimscroll -->
 <script src="{{ url_for('static', filename='adminlte2/plugins/slimScroll/jquery.slimscroll.min.js') }}"></script>
 <!-- iCheck 1.0.1 -->
@@ -304,10 +279,6 @@
 <script src="{{ url_for('static', filename='adminlte2/plugins/fastclick/fastclick.js') }}"></script>
 <!-- AdminLTE App -->
 <script src="{{ url_for('static', filename='adminlte2/dist/js/app.min.js') }}"></script>
-<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
-<script src="{{ url_for('static', filename='adminlte2/dist/js/pages/dashboard.js') }}"></script>
-<!-- AdminLTE for demo purposes -->
-<script src="{{ url_for('static', filename='adminlte2/dist/js/demo.js') }}"></script>
 <!-- Multiselect -->
 <script src="{{ url_for('static', filename='multiselect/js/jquery.multi-select.js') }}"></script>
 <!-- PowerDNS-Admin custom.js -->
@@ -317,49 +288,49 @@
 {% endblock %}
 {% block defaultmodals %}
 <div class="modal fade modal-danger" id="modal_error">
-	<div class="modal-dialog">
-		<div class="modal-content">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal"
-					aria-label="Close">
-					<span aria-hidden="true">&times;</span>
-				</button>
-				<h4 class="modal-title">Error</h4>
-			</div>
-			<div class="modal-body">
-				<p></p>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-default pull-right"
-					data-dismiss="modal">Close</button>
-			</div>
-		</div>
-		<!-- /.modal-content -->
-	</div>
-	<!-- /.modal-dialog -->
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal"
+          aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+        <h4 class="modal-title">Error</h4>
+      </div>
+      <div class="modal-body">
+        <p></p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default pull-right"
+          data-dismiss="modal">Close</button>
+      </div>
+    </div>
+    <!-- /.modal-content -->
+  </div>
+  <!-- /.modal-dialog -->
 </div>
 <!-- /.modal -->
 <div class="modal fade modal-success" id="modal_success">
-	<div class="modal-dialog">
-		<div class="modal-content">
-			<div class="modal-header">
-				<button type="button" class="close" data-dismiss="modal"
-					aria-label="Close">
-					<span aria-hidden="true">&times;</span>
-				</button>
-				<h4 class="modal-title">Success</h4>
-			</div>
-			<div class="modal-body">
-				<p></p>
-			</div>
-			<div class="modal-footer">
-				<button type="button" class="btn btn-default pull-right"
-					data-dismiss="modal">Close</button>
-			</div>
-		</div>
-		<!-- /.modal-content -->
-	</div>
-	<!-- /.modal-dialog -->
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal"
+          aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+        <h4 class="modal-title">Success</h4>
+      </div>
+      <div class="modal-body">
+        <p></p>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default pull-right"
+          data-dismiss="modal">Close</button>
+      </div>
+    </div>
+    <!-- /.modal-content -->
+  </div>
+  <!-- /.modal-dialog -->
 </div>
 <!-- /.modal -->
 {% endblock %}
diff --git a/app/templates/domain.html b/app/templates/domain.html
index 75e33df..a348b4f 100644
--- a/app/templates/domain.html
+++ b/app/templates/domain.html
@@ -59,7 +59,7 @@
                                     <td>
                                          {{ record.ttl }}
                                     </td>
-                                    <td>
+                                    <td class="length-break">
                                          {{ record.data }}
                                     </td>
                                 {% if domain.type != 'Slave' %}