diff --git a/code/static/css/styles.css b/code/static/css/styles.css
index 7ab721d..f0ae2a5 100644
--- a/code/static/css/styles.css
+++ b/code/static/css/styles.css
@@ -99,6 +99,12 @@ tr:nth-child(odd) {
 #list_left {
   float: left;
 }
+@media (max-width: 600px) {
+      #list_left {
+        margin-top: 5em;
+      }
+}
+
 
 #list_title {
   margin-left: 5em;
diff --git a/code/templates/layout.html b/code/templates/layout.html
index eb799ab..1e53687 100644
--- a/code/templates/layout.html
+++ b/code/templates/layout.html
@@ -7,7 +7,7 @@
   <link rel="icon" href="{{ url_for('static', filename='css/flees.ico') }}" type="image/x-icon" />
   <script src="{{ url_for('static', filename='js/tablesort.js') }}" type="text/javascript"></script>
   <script src="{{ url_for('static', filename='js/scripts.js') }}" type="text/javascript"></script>
-  <meta name="viewport" content="width=800" />
+  <meta name="viewport" content="width=500" />
 </head>
 <body>
 <div class=page>
