diff --git a/View/Pages/SearchLagu.php b/View/Pages/SearchLagu.php
index 19ab51589fd18a533be0b52ac088c0bd35fc796e..5f122a1807bafd56932b4215d14f6ac76a18dc71 100644
--- a/View/Pages/SearchLagu.php
+++ b/View/Pages/SearchLagu.php
@@ -13,7 +13,8 @@
   ]);
 ?>
 
-
+<form id="sort__filter">
+<div class="select__button">
 <label for="jenisSort">SORT HASIL</label>
   <select id="sortsType" name="sortsType">
     <option value="titleASC" <?php if($sortsType==="titleASC")echo "selected"?> >Abjad Menaik(A-Z)</option>
@@ -21,7 +22,9 @@
     <option value="yearOLD"<?php if($sortsType==="yearOLD")echo "selected"?> >Terlawas Dulu</option>
     <option value="yearNEW"<?php if($sortsType==="yearNEW")echo "selected"?> >Terbaru Dulu</option>
 </select>
-<label for="filterGenre">Filter</label>
+</div>
+<div class="select__button">
+<label for="filterGenre">FILTER</label>
 <select id="filteredGenre" name = "filteredGenre">
     <option value='nofilter' 
     <?php if($selectedGenre==="nofilter"){ ?>   
@@ -39,6 +42,8 @@
     <?=$_genre["genre"]?></option>
   <?php } ?>
 </select>
+</div>
+</form>
 <div>
 <!-- header -->
 
diff --git a/static/css/search.css b/static/css/search.css
index 75156860cadd4d6873fd61510fee85702dd84934..7083a8c883cec4a04b5ec29c24380388a4f3fbc9 100644
--- a/static/css/search.css
+++ b/static/css/search.css
@@ -75,6 +75,16 @@
 }
 
 #judul_{
-
   margin-left:15vw;
+}
+
+#sort__filter{
+  display:flex;
+  flex-direction: row;
+  justify-content: space-between;
+  width:82%;
+}
+.select__button{
+  display: flex;
+  flex-direction: column;
 }
\ No newline at end of file