diff --git a/assets/css/githuber-md.css b/assets/css/githuber-md.css
index 3fdcf504..19cd19e0 100644
--- a/assets/css/githuber-md.css
+++ b/assets/css/githuber-md.css
@@ -9,4 +9,5 @@
 
 .katex-container {
   margin: 25px !important;
+  text-align: center;
 }
diff --git a/assets/scss/githuber-md.scss b/assets/scss/githuber-md.scss
index 962e4131..ff420967 100644
--- a/assets/scss/githuber-md.scss
+++ b/assets/scss/githuber-md.scss
@@ -10,5 +10,6 @@
 }
 
 .katex-container {
-    margin: 25px !important;
+	margin: 25px !important;
+	text-align: center;
 }
diff --git a/src/Modules/FlowChart.php b/src/Modules/FlowChart.php
index 6f200e20..7783eae1 100644
--- a/src/Modules/FlowChart.php
+++ b/src/Modules/FlowChart.php
@@ -102,6 +102,7 @@ public function front_print_footer_scripts() {
 					$(function() {
 						if (typeof $.fn.flowChart !== "undefined") {
 							if ($(".language-flow").length > 0) {
+								$(".language-flow").parent("pre").attr("style", "text-align: center; background: none;");
 								$(".language-flow").addClass("flowchart").removeClass("language-flow");
 								$(".flowchart").flowChart();
 							}
diff --git a/src/Modules/SequenceDiagram.php b/src/Modules/SequenceDiagram.php
index 19010e14..146dc5c7 100644
--- a/src/Modules/SequenceDiagram.php
+++ b/src/Modules/SequenceDiagram.php
@@ -109,15 +109,17 @@ public function front_print_footer_scripts() {
 		$script = '
 			<script id="module-sequence-diagram">
 				(function($) {
-					if (typeof $.fn.sequenceDiagram !== "undefined") {
-						$(".language-sequence").addClass("sequence-diagram").removeClass("language-sequence");
-						$(".language-seq").addClass("sequence-diagram").removeClass("language-seq");
-						$(function() {
+					$(function() {
+						if (typeof $.fn.sequenceDiagram !== "undefined") {
+							$(".language-sequence").parent("pre").attr("style", "text-align: center; background: none;");
+							$(".language-seq").parent("pre").attr("style", "text-align: center; background: none;");
+							$(".language-sequence").addClass("sequence-diagram").removeClass("language-sequence");
+							$(".language-seq").addClass("sequence-diagram").removeClass("language-seq");
 							$(".sequence-diagram").sequenceDiagram({
 								theme: "simple"
 							});
-						});
-					}
+						}
+					});
                 })(jQuery);
 			</script>
 		';