diff --git a/index.php b/index.php
index 8df6369c..01522d70 100755
--- a/index.php
+++ b/index.php
@@ -187,6 +187,9 @@
                     <i id="pause" class="mdi-av-pause"></i>
                   </div>
                   <div id="duration">00:00 / 00:00</div>
+                  <div id="fullscreen">
+                    <i class="mdi-navigation-fullscreen"></i>
+                  </div>
                   <div id="volume-button">
                     <i id="v-mute" class="mdi-av-volume-off"></i>
                     <i id="v-low" class="mdi-av-volume-mute"></i>
@@ -194,9 +197,6 @@
                     <i id="v-full" class="mdi-av-volume-up"></i>
                   </div>
                   <div id="volume"></div>
-                  <div id="fullscreen">
-                    <i class="mdi-navigation-fullscreen"></i>
-                  </div>
                   <div id="viewers"></div>
                   <div id="bar"></div>
                 </div>
diff --git a/static/css/style.css b/static/css/style.css
index 43071926..5978a275 100755
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -788,7 +788,7 @@ nav ul li:hover, nav ul li.active {
 #results{
     background-color: rgba(0,0,0,0.8);
     margin-top: -27px;
-    max-height: 600px;
+    max-height: calc(100vh - 64px);
     overflow: overlay;
 }
 .result:hover, .hoverResults {
@@ -1039,6 +1039,33 @@ nav ul li:hover, nav ul li.active {
     #controls{
       /*opacity: 1;*/
       background-color: rgb(70, 70, 70);
+      height: 50px;
+      margin-top: inherit;
+    }
+
+    #play, #pause, #volume-button, #fullscreen {
+      font-size: 31px;
+    }
+
+    #viewers, #volume{
+      display: none;
+    }
+
+    #duration{
+      font-size: 20px;
+      font-weight: 400;
+      margin-top: 9px;
+      letter-spacing: -0.7px;
+      margin-left: 10px;
+    }
+
+    #volume-button{
+      float: right;
+      margin-right: 20px;
+    }
+
+    #fullscreen{
+      float: right;
     }
 
     #bar{