diff --git a/assets/css/prism.css b/assets/css/prism.css
index b570451..4367b25 100644
--- a/assets/css/prism.css
+++ b/assets/css/prism.css
@@ -11,7 +11,7 @@
 code[class*="language-"],
 pre[class*="language-"] {
 	color: #ebdbb2; /* fg1 / fg */
-	font-family: Consolas, Monaco, "Andale Mono", monospace;
+	font-family: "Fira Code", "Ubuntu Mono", Consolas, Monaco, "Andale Mono", monospace;
 	direction: ltr;
 	text-align: left;
 	white-space: pre;
@@ -141,3 +141,70 @@ pre[class*="language-"] {
 .token.deleted {
 	background: #fb4934; /* red2 */
 }
+
+/* css for hover button from https://github.com/panr/hugo-theme-terminal/blob/master/assets/css/prism.css */
+
+div.code-toolbar {
+  position: relative;
+}
+
+div.code-toolbar > .toolbar {
+  position: absolute;
+  top: 0.3em;
+  right: 0.2em;
+  transition: opacity 0.3s ease-in-out;
+  opacity: 0;
+}
+
+div.code-toolbar:hover > .toolbar {
+  opacity: 1;
+}
+
+/* Separate line b/c rules are thrown out if selector is invalid.
+   IE11 and old Edge versions don't support :focus-within. */
+div.code-toolbar:focus-within > .toolbar {
+  opacity: 1;
+}
+
+div.code-toolbar > .toolbar > .toolbar-item {
+  display: inline-block;
+}
+
+div.code-toolbar > .toolbar > .toolbar-item > a {
+  cursor: pointer;
+}
+
+div.code-toolbar > .toolbar > .toolbar-item > button {
+  background: none;
+  border: 0;
+  color: inherit;
+  font: inherit;
+  line-height: normal;
+  overflow: visible;
+  padding: 0;
+
+  /* for button */
+  user-select: none;
+}
+
+div.code-toolbar > .toolbar > .toolbar-item > a,
+div.code-toolbar > .toolbar > .toolbar-item > button,
+div.code-toolbar > .toolbar > .toolbar-item > span {
+  color: #bbb;
+  font-size: 0.8em;
+  padding: 0 0.5em;
+  background: #f5f2f0;
+  background: rgba(224, 224, 224, 20%);
+  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 20%);
+  border-radius: 0.5em;
+}
+
+div.code-toolbar > .toolbar > .toolbar-item > a:hover,
+div.code-toolbar > .toolbar > .toolbar-item > a:focus,
+div.code-toolbar > .toolbar > .toolbar-item > button:hover,
+div.code-toolbar > .toolbar > .toolbar-item > button:focus,
+div.code-toolbar > .toolbar > .toolbar-item > span:hover,
+div.code-toolbar > .toolbar > .toolbar-item > span:focus {
+  color: inherit;
+  text-decoration: none;
+}
diff --git a/assets/css/syntax.css b/assets/css/syntax.css
index 2349aa2..f10338f 100644
--- a/assets/css/syntax.css
+++ b/assets/css/syntax.css
@@ -1,2 +1,5 @@
-/* overriding syntax.css */
+pre[class*=language-] {
+  margin: 0;
+  overflow: auto;
+}