diff --git a/assets/styles/about.css b/assets/styles/about.css
index c7b1fe4..7ebb39a 100644
--- a/assets/styles/about.css
+++ b/assets/styles/about.css
@@ -1,16 +1,16 @@
-button {
+.aboutbutton {
   display: block;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
 }
 
-h4 {
+.abouth4 {
   text-align: center;
   color: white;
 }
 
-img {
+.aboutimg {
   max-width: 100%;
   max-height: 100%;
   object-fit: scale-down;
diff --git a/assets/templates/about.html b/assets/templates/about.html
index 845d63f..050aa36 100644
--- a/assets/templates/about.html
+++ b/assets/templates/about.html
@@ -1,140 +1,135 @@
 <head>
-  <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">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/button.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/grid.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/container.min.css">
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/message.min.css">
 </head>
+<div id="walletsToolbar">
+  <p style="font-size: 28px; color:white"> About Ether-1 </p>
+</div>
+<br>
 
-<body>
-  <div id="walletsToolbar">
-    <p style="font-size: 28px; color:white"> About Ether-1 </p>
+<center>
+  <div class="ui info message" style="width: 75%">
+    <i class="close icon"></i>
+    <div class="header">
+      Ether-1 & ethoFS
+    </div>
+    <ul class="list" style="color:black;">
+      Ether-1 (ETHO) is a fork of Ethereum implementing a decentralized hosting platform (ethoFS) using a community-owned node network combining blockchain indexing technology and the IPFS protocol to deliver decentralized content on-demand. EthoFS
+      is a decentralized website hosting platform which utilizes the node network for storage and bandwidth, DDoS protection, censorship-resistance, and reliability. Community-owned nodes share in data hosting revenue generated by the network.
+    </ul>
   </div>
+</center>
 
-  <br>
+<br>
 
-  <center>
-    <div class="ui info message" style="width: 75%">
-      <i class="close icon"></i>
-      <div class="header">
-        Ether-1 & ethoFS
-      </div>
-      <ul class="list" style="color:black;">
-        Ether-1 (ETHO) is a fork of Ethereum implementing a decentralized hosting platform (ethoFS) using a community-owned node network combining blockchain indexing technology and the IPFS protocol to deliver decentralized content on-demand. EthoFS
-        is a decentralized website hosting platform which utilizes the node network for storage and bandwidth, DDoS protection, censorship-resistance, and reliability. Community-owned nodes share in data hosting revenue generated by the network.
-      </ul>
-    </div>
-  </center>
+<center>
+  <h2 style="color:white; margin-top: 15px">Buy ETHO</h2>
+</center>
 
-  <br>
-
-  <center>
-    <h2 style="color:white; margin-top: 15px">Buy ETHO</h2>
-  </center>
-
-  <br>
-
-  <div class="ui grid container">
-    <div class="four wide column">
-      <button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://cryptowolf.eu')">
-        <h4>CryptoWolf</h4>
+<br>
+<div class="ui grid container">
+  <div class="four column row">
+    <div class="column">
+      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://cryptowolf.eu')">
+        CryptoWolf
       </button>
     </div>
-    <div class="four wide column">
-      <button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://app.stex.com?ref=26491159')">
-        <h4>Stex</h4>
+    <div class="column">
+      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://app.stex.com?ref=26491159')">
+        Stex
       </button>
     </div>
-    <div class="four wide column">
-      <button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://chainex.io/register/CX187230')">
-        <h4>ChainEX</h4>
+    <div class="column">
+      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://chainex.io/register/CX187230')">
+        ChainEX
       </button>
     </div>
-    <div class="four wide column">
-      <button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://graviex.net')">
-        <h4>Graviex</h4>
+    <div class="column">
+      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://graviex.net')">
+        Graviex
       </button>
     </div>
   </div>
+</div>
 
-  <div class="ui grid container">
-    <div class="four wide column">
-      <button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://tradecx.io?ref=232')">
-        <h4>TradeCX</h4>
+<div class="ui grid container">
+  <div class="four column row">
+    <div class="column">
+      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://tradecx.io?ref=232')">TradeCX</button>
+    </div>
+    <div class="column">
+      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://mercatox.com/?referrer=467736')">Mercatox
       </button>
     </div>
-    <div class="four wide column">
-      <button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://mercatox.com/?referrer=467736')">
-        <h4>Mercatox</h4>
+    <div class="column">
+      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://safe.trade')">SafeTrade
       </button>
     </div>
-    <div class="four wide column">
-      <button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://safe.trade')">
-        <h4>SafeTrade</h4>
-      </button>
-    </div>
-    <div class="four wide column">
-      <button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://e-ex.pro')">
-        <h4>E-Ex</h4>
+    <div class="column">
+      <button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://e-ex.pro')">E-Ex
       </button>
     </div>
   </div>
+</div>
 
-  <br>
+<br>
 
-  <center>
-    <h2 style="color:white; margin-top: 15px">Ether-1 Links</h2>
-  </center>
+<center>
+  <h2 style="color:white; margin-top: 15px">Ether-1 Links</h2>
+</center>
 
-  <br>
+<br>
 
-  <div class="ui grid container">
-    <div class="four wide column">
-      <button class="ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://ether1.org')">Ether-1 Website</button>
+<div class="ui grid container">
+  <div class="four column row">
+    <div class="column">
+      <button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://ether1.org')">Ether-1 Website</button>
     </div>
-    <div class="four wide column">
-      <button class="ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://ethofs.com')">ethoFS Website</button>
+    <div class="column">
+      <button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://ethofs.com')">ethoFS Website</button>
     </div>
-    <div class="four wide column">
-      <button class="ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://github.com/Ether1Project')">Ether-1 Github</button>
+    <div class="column">
+      <button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://github.com/Ether1Project')">Ether-1 Github</button>
     </div>
-    <div class="four wide column">
-      <button class="ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://github.com/Ether1Project/Ether1')">Ether-1 Geth</button>
+    <div class="column">
+      <button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://github.com/Ether1Project/Ether1')">Ether-1 Geth</button>
     </div>
   </div>
+</div>
 
-  <br>
+<br>
 
-  <center>
-    <h2 style="color:white; margin-top: 15px">Ether-1 Social Media</h2>
-  </center>
+<center>
+  <h2 style="color:white; margin-top: 15px">Ether-1 Social Media</h2>
+</center>
 
-  <br>
+<br>
 
-  <div class="ui grid container">
-    <div class="doubling six column row">
-      <div class="column">
-        <button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://discord.gg/Ap5FmXc')">Discord</button>
-      </div>
-      <div class="column">
-        <button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://twitter.com/Ether1Official/')">Twitter</button>
-      </div>
-      <div class="column">
-        <button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://medium.com/@Ether1Official/')">Medium</button>
-      </div>
-      <div class="column">
-        <button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether_1')">Telegram</button>
-      </div>
-      <div class="column">
-        <button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether1News')">
-          <center>Announcements<center>
-        </button>
-      </div>
-      <div class="column">
-        <button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('mailto:community@ether1.org')">Email</button>
-      </div>
+<div class="ui grid container">
+  <div class="doubling six column row">
+    <div class="column">
+      <button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://discord.gg/Ap5FmXc')">Discord</button>
+    </div>
+    <div class="column">
+      <button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://twitter.com/Ether1Official/')">Twitter</button>
+    </div>
+    <div class="column">
+      <button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://medium.com/@Ether1Official/')">Medium</button>
+    </div>
+    <div class="column">
+      <button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether_1')">Telegram</button>
+    </div>
+    <div class="column">
+      <button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether1News')">News</button>
+    </div>
+    <div class="column">
+      <button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('mailto:community@ether1.org')">Email</button>
     </div>
   </div>
-</body>
+</div>
 
-<script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/semantic.min.js"></script>
 <script>
   $('.message .close')
     .on('click', function() {
diff --git a/index.html b/index.html
index 859c215..0f82794 100755
--- a/index.html
+++ b/index.html
@@ -18,7 +18,7 @@
   <link rel="stylesheet" href="./assets/styles/buttons.css">
   <link rel="stylesheet" href="./assets/styles/style.css">
   <link rel="stylesheet" href="./assets/styles/forms.css">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/transition.min.css">
+  <link rel="stylesheet" href="./assets/styles/about.css">
   <!-- Insert this line above script imports -->
   <script>
     if (typeof module === 'object') {
@@ -82,59 +82,44 @@
   </script>
   <div class="inner">
     <!-- The sidebar -->
-    <div class="sidebar">
-      <img src="assets/images/logo.png" alt="Ether-1 ethoFS Logo" style="width: 90%;padding-left: 5px;">
-      <div class="sidebarIconWrapper iconSelected" id="mainNavBtnWalletsWrapper" data-tippy="Wallets" data-tippy-delay="500">
-        <a class="sidebarIcon" id="mainNavBtnWallets" href="#">
+    <div class="ui left demo vertical inverted sidebar labeled icon menu">
+      <a class="item">
+        <img src="assets/images/logo.png" alt="Ether-1 ethoFS Logo" style="width: 90%;padding-left: 5px;">
+        <a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnWallets" href="#" data-tippy="Wallets" data-tippy-delay="100">
           <i class="fas fa-wallet fa-1x"></i>
           <span class="walletID"> Wallets </span>
         </a>
-      </div>
-      <div class="sidebarIconWrapper iconSelected" id="mainNavBtnAddressBoookWrapper" data-tippy="Address Book" data-tippy-delay="500">
-        <a class="sidebarIcon" id="mainNavBtnAddressBoook" href="#">
+        <a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnAddressBoook" href="#" data-tippy="Address Book" data-tippy-delay="100">
           <i class="far fa-address-book fa-1x"></i>
           <span class="AddrBook"> Addresses </span>
         </a>
-      </div>
-      <div class="sidebarIconWrapper" id="mainNavBtnSendWrapper" data-tippy="Send Funds" data-tippy-delay="500">
-        <a class="sidebarIcon" id="mainNavBtnSend" href="#">
+        <a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnSend" href="#" data-tippy="Send Funds" data-tippy-delay="100">
           <i class="fas fa-comment-dollar fa-1x"></i>
           <span class="sendEtho"> Send </span>
         </a>
-      </div>
-      <div class="sidebarIconWrapper" id="mainNavBtnTransactionsWrapper" data-tippy="Transactions" data-tippy-delay="500">
-        <a class="sidebarIcon" id="mainNavBtnTransactions" href="#">
+        <a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnTransactions" href="#" data-tippy="Transactions" data-tippy-delay="100">
           <i class="fas fa-exchange-alt fa-1x"></i>
           <span class="txlist"> Transactions </span>
         </a>
-      </div>
-      <div class="sidebarIconWrapper" id="mainNavBtnUploadsWrapper" data-tippy="Uploads" data-tippy-delay="500">
-        <a class="sidebarIcon" id="mainNavBtnUploads" href="#">
+        <a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnUploads" href="#" data-tippy="ethoFS" data-tippy-delay="100">
           <i class="fa fa-cloud-upload-alt fa-1x"></i>
           <span class="ethoFS"> ethoFS </span>
         </a>
-      </div>
-      <div class="sidebarIconWrapper" id="mainNavBtnMarketsWrapper" data-tippy="Markets" data-tippy-delay="500">
-        <a class="sidebarIcon" id="mainNavBtnMarkets" href="#">
+        <a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnMarkets" href="#" data-tippy="Markets" data-tippy-delay="100">
           <i class="fas fa-poll fa-1x"></i>
           <span class="Markets"> Market </span>
         </a>
-      </div>
-      <div class="sidebarIconWrapper" id="mainNavBtnSettingsWrapper" data-tippy="Settings" data-tippy-delay="500">
-        <a class="sidebarIcon" id="mainNavBtnSettings" href="#">
+        <a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnSettings" href="#" data-tippy="Settings" data-tippy-delay="100">
           <i class="fas fa-cog fa-1x"></i>
           <span class="Settings"> Settings </span>
         </a>
-      </div>
-      <div class="sidebarIconWrapper" id="mainNavBtnAboutWrapper" data-tippy="About" data-tippy-delay="500">
-        <a class="sidebarIcon" id="mainNavBtnAbout" href="#">
+        <a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnAbout" href="#" data-tippy="About us" data-tippy-delay="100">
           <i class="far fa-question-circle fa-1x"></i>
           <span class="About"> About Us </span>
         </a>
-      </div>
-      <div id="peerCount">
-        Peer Count: 0
-      </div>
+        <div id="peerCount">
+          Peer Count: 0
+        </div>
     </div>
     <div id="mainContent"></div>
     <div id="syncProgress"></div>
