diff --git a/public/download-icon.png b/public/download-icon.png
new file mode 100644
index 00000000..4bbecde2
Binary files /dev/null and b/public/download-icon.png differ
diff --git a/src/App.tsx b/src/App.tsx
index de49fc5e..bac6d42d 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -10,16 +10,16 @@ function App() {
     return (
         <BrowserRouter>
             <Navbar bg={"dark"} variant={"dark"}>
-                <Navbar.Brand className={"ms-5"} href={"/"}>SCISSORS</Navbar.Brand>
+                <Navbar.Brand className={"ms-5"} href={"/"}>Scissors</Navbar.Brand>
                 <Nav className={"me-auto"}>
                     <NavLink href={"https://github.com/AtlasMediaGroup/Scissors"}>Source</NavLink>
                     <NavLink href={"https://status.scissors.gg"}>Status</NavLink>
                 </Nav>
-                <Button variant={"light"} className={"me-5 download-button"} href={"/downloads"} style={{borderRadius: "2vh"}}><img src={"https://cdn3.iconfinder.com/data/icons/download-buttons-outline-collection/70/Download-13-512.png"} width={"50px"} alt={"download"}/>  DOWNLOAD</Button>
+                <Button variant={"primary"} className={"me-5 download-button"} href={"/downloads"} style={{ borderRadius: "2vh" }}><img src={"download-icon.png"} width={"25px"} alt={"download"} />  Download</Button>
             </Navbar>
             <Routes>
-                <Route path={"/"} element={<HomePage/>}/>
-                <Route path={"/downloads"} element={<DownloadPage/>}/>
+                <Route path={"/"} element={<HomePage />} />
+                <Route path={"/downloads"} element={<DownloadPage />} />
             </Routes>
         </BrowserRouter>
     );
diff --git a/src/css/DownloadPage.css b/src/css/DownloadPage.css
index fb9ba51c..801a6b3d 100644
--- a/src/css/DownloadPage.css
+++ b/src/css/DownloadPage.css
@@ -13,16 +13,14 @@ ul {
     flex-direction: row;
     justify-content: space-around;
     display: flex;
+    margin-top: 1rem;
 }
 
 .builds {
     padding: 0;
-    margin: 0;
-    background-color: #363534;
-}
-
-.builds {
+    margin: 10px 0px 10px 0px;
     flex-direction: column;
+    background-color: #363534;
 }
 
 .builds > li {
@@ -78,7 +76,7 @@ ul[class^="changes-"] > li > a {
     float: right;
     right: 10vw;
     position: relative;
-    bottom: 2.5vh;
+    bottom: 2vh;
 }
 
 .nochanges {
diff --git a/src/css/HomePage.css b/src/css/HomePage.css
index f0bfaa78..e9e05c4d 100644
--- a/src/css/HomePage.css
+++ b/src/css/HomePage.css
@@ -19,11 +19,6 @@ h4 {
     top: 10vh;
 }
 
-.download-button:hover {
-    transition: all 0.25s ease;
-    background-color: #c7c7c7 !important;
-}
-
 @media only screen and (max-width: 768px) {
     h1 {
         font-size: 7vw;