diff --git a/README.md b/README.md
index 68885f4..789ba59 100755
--- a/README.md
+++ b/README.md
@@ -158,6 +158,7 @@ npm test
 	* 5.1.0 fix bugs
 	* 5.1.1 update styles
 	* 5.1.2 update styles
+	* 5.1.3 update styles
 
 #### :fuelpump: How to contribute
 
diff --git a/assets/footer.css b/assets/footer.css
index fac7659..c0b3f9b 100644
--- a/assets/footer.css
+++ b/assets/footer.css
@@ -55,16 +55,35 @@
 
 .issue-edge {
     border-top: 1px solid #eee;
-    width: 60%;
-    margin: 0 0 auto 100px !important;
 }
 
 .issues {
-    padding: 10px 60px !important;
     margin: 0 !important;
     text-align: left;
 }
 
+@media screen and (min-width: 720px) {
+    .issue-edge {
+        width: 60%;
+        margin: 0 0 auto 100px !important;
+    }
+
+    .issues {
+        padding: 10px 60px !important;
+    }
+}
+
+@media screen and (max-width: 720px) {
+    .issue-edge {
+        width: 30%;
+        margin: 0 0 auto 20px !important;
+    }
+
+    .issues {
+        padding: 10px !important;
+    }
+}
+
 /**
  *
  *
diff --git a/issues.png b/issues.png
index 4b8b2b0..f374d57 100755
Binary files a/issues.png and b/issues.png differ
diff --git a/package.json b/package.json
index 395776a..5f1524d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gitbook-plugin-page-footer",
-  "version": "5.1.2",
+  "version": "5.1.3",
   "description": "a gitbook-plugin for generating footer",
   "engines": {
     "gitbook": ">=3.0.0-pre.0"