diff --git a/assets/templates/about.html b/assets/templates/about.html
index 3d9b37b..d13a3f8 100644
--- a/assets/templates/about.html
+++ b/assets/templates/about.html
@@ -1,5 +1,5 @@
 <head>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/semantic.min.css">
   <link rel="stylesheet" href="assets/styles/about.css">
 </head>
 
@@ -138,7 +138,9 @@
       <button class="ui inverted blue button">Telegram</button>
     </div>
     <div class="column">
-      <button class="ui inverted blue button">Announcements</button>
+      <button class="ui inverted blue button">
+        <center>Announcements<center>
+      </button>
     </div>
     <div class="column">
       <button class="ui inverted blue button">Email</button>
@@ -146,7 +148,7 @@
   </div>
 </div>
 
-<script href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/semantic.min.js"></script>
 <script>
   $('.message .close')
     .on('click', function() {
