diff --git a/app/static/css/partials/_film.scss b/app/static/css/partials/_film.scss
index 8b90eaf..b258d04 100755
--- a/app/static/css/partials/_film.scss
+++ b/app/static/css/partials/_film.scss
@@ -6,8 +6,15 @@
     color: #ee0;
     text-decoration: none;
   }
+
+  select {
+    font-size: 18px;
+    font-family: "noto_sans", sans-serif;
+    padding: calc(var(--spacing) /4) var(--spacing);
+  }
+
   .film {
-    margin-bottom: var(--spacing-2);
+    margin-top: var(--spacing-2);
     h1 {
       font-weight: bold;
       font-size: 20px;
diff --git a/app/templates/films.html b/app/templates/films.html
old mode 100644
new mode 100755
index 2e85e2d..d3c2e01
--- a/app/templates/films.html
+++ b/app/templates/films.html
@@ -2,18 +2,18 @@
 {% block body_class%}animated animated-text{% endblock %}
 {% block main %}
 
-<div>
-	Sort:
-	<select id="sort-select">
-		<option value="position" selected>Default</option>
-		<option value="title">Title</option>
-		<option value="duration">Duration</option>
-		<option value="hue">Hue</option>
-		<option value="saturation">Saturation</option>
-		<option value="lightness">Lightness</option>
-	</select>
-</div>
 <div class="films" id="films">
+	<div>
+		<strong>Sort:</strong>
+		<select id="sort-select">
+			<option value="position" selected>Default</option>
+			<option value="title">Title</option>
+			<option value="duration">Duration</option>
+			<option value="hue">Hue</option>
+			<option value="saturation">Saturation</option>
+			<option value="lightness">Lightness</option>
+		</select>
+	</div>
 {% for film in films %}
 	<div class="film"
 		data-position="{{ film.position }}"