diff --git a/server/templates/home.j2 b/server/templates/home.j2
index d2b4b1ca..16e2e60a 100644
--- a/server/templates/home.j2
+++ b/server/templates/home.j2
@@ -60,6 +60,9 @@
 
 {% block footer %}
   <div class="mt-16 flex flex-col items-center">
+    <div class="text-center py-6">
+    <hr>
+    <div>
       <div class="text-center py-6">
         <p class="text-sm  mb-2">
             2021 RUST GYM
diff --git a/server/templates/leetcode-detail.j2 b/server/templates/leetcode-detail.j2
index 7fa66646..841a5eae 100644
--- a/server/templates/leetcode-detail.j2
+++ b/server/templates/leetcode-detail.j2
@@ -11,15 +11,27 @@
 {% for solution in solutions %}
   <pre><code class="rust">{{solution.source}}</code></pre>
 {% endfor %}
-<div class="bg-white px-6 py-4 my-3  mx-auto shadow rounded-md flex items-center">
-  <a target="_blank" href="https://leetcode.com/problems/{{question.slug}}/">
-    <button type="button" class="border border-indigo-500 bg-indigo-500 text-white rounded-md px-4 py-2 m-2 transition duration-500 ease select-none hover:bg-indigo-600 focus:outline-none focus:shadow-outline">Practice</button>
-  </a>
-  <a target="_blank" href="https://github.com/warycat/rustgym/issues/new?title=Leetcode {{question.id}} {{question.title}}">
-    <button type="button" class="border border-green-500 bg-green-500 text-white rounded-md px-4 py-2 m-2 transition duration-500 ease select-none hover:bg-green-600 focus:outline-none focus:shadow-outline">New issue</button>
-  </a>
-  <a target="_blank" href="http://twitter.com/share?text={{app.title}} Leetcode {{question.id}} {{question.title}} Rust Solution&url=https://rustgym.com/leetcode/{{question.id}}&hashtags=rustgym,leetcode,rust">
-    <button type="button" class="border border-blue-500 bg-blue-500 text-white rounded-md px-4 py-2 m-2 transition duration-500 ease select-none hover:bg-blue-600 focus:outline-none focus:shadow-outline">Tweet</button>
-  </a>
+
+<div class="grid grid-cols-2 flex justify-between">
+  <div class="flex">
+    <a target="_blank" href="https://leetcode.com/problems/{{question.slug}}/">
+      <button type="button" class="border border-yellow-400 bg-yellow-400 text-white rounded-md px-4 py-2 m-2 transition duration-500 ease select-none hover:bg-yellow-500 focus:outline-none focus:shadow-outline">Practice</button>
+    </a>
+  </div>
+  
+  <div class="flex justify-end">
+    <a target="_blank" href="http://twitter.com/share?text={{app.title}} Leetcode {{question.id}} {{question.title}} Rust Solution&url=https://rustgym.com/leetcode/{{question.id}}&hashtags=rustgym,leetcode,rust">
+      <button type="button" class="border border-blue-400 bg-blue-400 text-white rounded-md px-4 py-2 m-2 transition duration-500 ease select-none hover:bg-blue-500 focus:outline-none focus:shadow-outline">Tweet</button>
+    </a>
+    <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=rustgym.com/leetcode/{{question.id}}" >
+      <button type="button" class="border border-blue-600 bg-blue-600 text-white rounded-md px-4 py-2 m-2 transition duration-500 ease select-none hover:bg-blue-700 focus:outline-none focus:shadow-outline">Facebook</button>
+    </a>
+  </div>
+</div>
+
+<div>
+  <p>Having problems with this solution? <a href="https://github.com/warycat/rustgym/issues/new?title=Leetcode {{question.id}} {{question.title}}">Click here</a> to submit an issue on github.</p>
 </div>
+
+
 {% endblock %}
\ No newline at end of file