diff --git a/assets/styles/base.scss b/assets/styles/base.scss
index 9c9b41c..2eb2515 100644
--- a/assets/styles/base.scss
+++ b/assets/styles/base.scss
@@ -525,3 +525,15 @@ header {
     user-select: none;
   }
 }
+
+#contact_buttons ul {
+  list-style-type: none;
+
+  li {
+    display: inline-block;
+  }
+
+  li a {
+    padding: 5px 20px;
+  }
+}
\ No newline at end of file
diff --git a/layouts/partials/contact.html b/layouts/partials/contact.html
index 748cb06..7fb991e 100644
--- a/layouts/partials/contact.html
+++ b/layouts/partials/contact.html
@@ -2,11 +2,13 @@
 <div id="contact_buttons">
     <footer>
         <p>Made by {{ $.Site.Data.config.name }} using <a href="https://github.com/jackyzha0/quartz">Quartz</a>, © {{ dateFormat "2006" now }}</p>
-        {{ if not .IsHome }}
-        <a href="/">Home</a>
-        {{end}}
-        {{- range $.Site.Data.config.links -}}
-        <a href="{{.link}}">{{.link_name}}</a>
-        {{- end -}}
+        <ul>
+            {{ if not .IsHome }}
+            <li><a href="/">Home</a></li>
+            {{end}}
+            {{- range $.Site.Data.config.links -}}
+            <li><a href="{{.link}}">{{.link_name}}</a></li>
+            {{- end -}}
+        </ul>
     </footer>
-</div>
\ No newline at end of file
+</div>