diff --git a/src/components/HeadingLinks.js b/src/components/HeadingLinks.js
index af9a394..fd3b6e7 100644
--- a/src/components/HeadingLinks.js
+++ b/src/components/HeadingLinks.js
@@ -1,22 +1,20 @@
 import React from "react";
 
+const btnStyle = {
+    border: "2px solid white",
+    padding: "0.75rem",
+    margin: "0 1rem",
+};
+
 function HeadingLinks() {
     return <div className="d-flex flex-row justify-content-center" style={{ marginTop: "3rem"}}>
         <a href="https://dictionary.lingdocs.com" className="plain-link">
-        <div style={{
-            border: "2px solid white",
-            padding: "0.75rem",
-            margin: "0 1rem",
-        }}>
+        <div className="text-center" style={btnStyle}>
             Pashto Dictionary
         </div>
         </a>
         <a href="https://grammar.lingdocs.com" className="plain-link">
-        <div style={{
-            border: "2px solid white",
-            padding: "0.75rem",
-            margin: "0 1rem",
-        }}>
+        <div className="text-center" style={btnStyle}>
             Pashto Grammar
         </div>
         </a>