diff --git a/Client/index.html b/Client/index.html
index 54502b8..c0a018b 100644
--- a/Client/index.html
+++ b/Client/index.html
@@ -22,7 +22,7 @@ changes visibility with JS-->
             <input type="text" autocomplete="off" placeholder="Search" id="songsearch"  enterkeyhint="Search" class="searchbox"><button class="go-search" id="go-search">Go!</button>
         </div>
         <div class="songlist" id="songlist">
-            <h1>Search to find songs!</h1>
+            <h1 style="margin-top: 0px;">Search to find songs!</h1>
             <!-- Placeholder for the song items
                 These are generated using javascript for search
 
@@ -112,7 +112,9 @@ changes visibility with JS-->
         <img tabindex=0 class="control-button" id="skip-button" src="./images/skip.png" alt="Skip"></img>
         <img tabindex=0 class="control-button" id="search-button" src="./images/search.png" alt="Search"></img>    
     </div>
+    <div class="settings-button-holder">
     <img tabindex=0 class="settings-button control-button" id="settings-button" src="./images/settings.png" alt="settings"></img>
+    </div>
     <script src="/ext/qrcode.min.js" integrity="sha512-CNgIRecGo7nphbeZ04Sc13ka07paqdeTu0WR1IM4kNcpmBAUSHSQX0FslNhTDadL4O5SAGapGt4FodqL8My0mA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="scripts.js"></script>
 </body>
diff --git a/Client/styles.css b/Client/styles.css
index c1d35a9..024e988 100644
--- a/Client/styles.css
+++ b/Client/styles.css
@@ -73,18 +73,25 @@ h4 {
     background-color: color-mix(in srgb, var(--bg-main), transparent 16%);
 }
 
-.settings-button {
-    width: 15%;
+.settings-button-holder {
+    width:15%;
     max-width: 90px;
     position:fixed;
     top:0;
     right:0;
     margin: 3px;
+    background-color: var(--bg-main);
     /* This is a circle background for the circle settings button
     So it can display over other text and such */
     border-radius: 50%;
 }
 
+.settings-button {
+    width: 100%;
+    
+    
+}
+
 .controls > .control-button{
     width:20%;
     max-width: 110px;
@@ -105,7 +112,7 @@ h4 {
 /* Songlist stuff */
 .songlist {
     width: 80%;
-    min-width: 300px;
+    min-width: 400px;
     margin:auto auto 150px;
     display: flex;
     flex-wrap: wrap;
@@ -139,6 +146,7 @@ h4 {
 .searchbox {
     width: 65%;
     margin: 1px;
+    margin-bottom: 16px;
 }
 .go-search {
     width: 20%;