diff --git a/.idea/misc.xml b/.idea/misc.xml
index 2e335a3..4a0b1d4 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -4,6 +4,7 @@
     <option name="filePathToZoomLevelMap">
       <map>
         <entry key="../../../../layout/custom_preview.xml" value="0.3296296296296296" />
+        <entry key="../../.gradle/caches/transforms-3/5292522e8ca6e97c7504266d8571f5e1/transformed/appcompat-1.4.0/res/drawable-v21/abc_dialog_material_background.xml" value="0.24791666666666667" />
         <entry key="../../.gradle/caches/transforms-3/c9f66982fe5f606398f81f3d3ce1ab99/transformed/appcompat-1.3.0/res/drawable/abc_ic_ab_back_material.xml" value="0.24791666666666667" />
         <entry key="../../Android/Sdk/platforms/android-30/data/res/drawable/ic_ab_back_holo_dark.xml" value="0.24791666666666667" />
         <entry key="../../Android/Sdk/platforms/android-30/data/res/drawable/ic_ab_back_material.xml" value="0.24791666666666667" />
diff --git a/app/src/main/java/com/vianh/blogtruyen/features/list/HomeFragment.kt b/app/src/main/java/com/vianh/blogtruyen/features/list/HomeFragment.kt
index 02938de..925f7b3 100644
--- a/app/src/main/java/com/vianh/blogtruyen/features/list/HomeFragment.kt
+++ b/app/src/main/java/com/vianh/blogtruyen/features/list/HomeFragment.kt
@@ -37,12 +37,13 @@ class HomeFragment: BaseFragment<HomeFragmentBinding>(), ItemClick<MangaItem> {
     }
 
     override fun onApplyWindowInsets(v: View?, insets: WindowInsetsCompat): WindowInsetsCompat {
+        super.onApplyWindowInsets(v, insets)
         val barInsets = insets.getInsets(WindowInsetsCompat.Type.systemBars())
         requireBinding.btnFilter.updateLayoutParams<ViewGroup.MarginLayoutParams> {
-            rightMargin = barInsets.right + 10.0.toPx.toInt()
-            bottomMargin = barInsets.bottom + 10.0.toPx.toInt()
+            rightMargin = barInsets.right + 10.toPx.toInt()
+            bottomMargin = barInsets.bottom + 10.toPx.toInt()
         }
-        return super.onApplyWindowInsets(v, insets)
+        return insets
     }
 
     private fun observe() {
@@ -97,6 +98,7 @@ class HomeFragment: BaseFragment<HomeFragmentBinding>(), ItemClick<MangaItem> {
             viewModel.loadPage(1)
         }
 
+        requireBinding.btnFilter.show()
         requireBinding.btnFilter.setOnClickListener {
             filterDialogFragment.show(childFragmentManager, null)
         }
diff --git a/app/src/main/java/com/vianh/blogtruyen/features/list/HomeViewModel.kt b/app/src/main/java/com/vianh/blogtruyen/features/list/HomeViewModel.kt
index 5774d0f..979c7f7 100644
--- a/app/src/main/java/com/vianh/blogtruyen/features/list/HomeViewModel.kt
+++ b/app/src/main/java/com/vianh/blogtruyen/features/list/HomeViewModel.kt
@@ -13,6 +13,7 @@ import com.vianh.blogtruyen.features.base.list.items.LoadingFooterItem
 import com.vianh.blogtruyen.features.list.data.CategoryRepo
 import com.vianh.blogtruyen.features.list.filter.FilterCategoryItem
 import com.vianh.blogtruyen.utils.SingleLiveEvent
+import com.vianh.blogtruyen.utils.asLiveDataDistinct
 import com.vianh.blogtruyen.utils.mapToSet
 import com.vianh.blogtruyen.utils.withPrevious
 import kotlinx.coroutines.Dispatchers
@@ -35,10 +36,14 @@ class HomeViewModel(
         filterManga(manga, filters)
     }.shareIn(viewModelScope + Dispatchers.Default, SharingStarted.Eagerly, 1)
 
-    val categoryItems = combine(filterCategories, categoryRepo.observeAll())
+    val categories = categoryRepo.observeAll().distinctUntilChanged()
+    val categoryItems = combine(filterCategories, categories)
     { filterCategories, categories ->
-        categories.map { FilterCategoryItem(it, filterCategories.contains(it.name)) }
-    }.asLiveData(Dispatchers.Default)
+        val newList = categories
+            .mapTo(ArrayList()) { FilterCategoryItem(it, filterCategories.contains(it.name)) }
+        newList.sortBy { it.category.name.lowercase() }
+        return@combine newList
+    }.asLiveDataDistinct(Dispatchers.Default)
 
     val content = combine(filterManga, listMode)
     { mangaList, mode ->
diff --git a/app/src/main/java/com/vianh/blogtruyen/features/list/MangaListFragment.kt b/app/src/main/java/com/vianh/blogtruyen/features/list/MangaListFragment.kt
new file mode 100644
index 0000000..8b1b08f
--- /dev/null
+++ b/app/src/main/java/com/vianh/blogtruyen/features/list/MangaListFragment.kt
@@ -0,0 +1,25 @@
+package com.vianh.blogtruyen.features.list
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import com.vianh.blogtruyen.databinding.HomeFragmentBinding
+import com.vianh.blogtruyen.features.base.BaseFragment
+
+abstract class MangaListFragment: BaseFragment<HomeFragmentBinding>() {
+    abstract val isFilterEnable: Boolean
+
+    override fun createBinding(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): HomeFragmentBinding {
+        return HomeFragmentBinding.inflate(inflater, container, false)
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/vianh/blogtruyen/features/list/filter/FilterAdapter.kt b/app/src/main/java/com/vianh/blogtruyen/features/list/filter/FilterAdapter.kt
index 96a630d..00f65e8 100644
--- a/app/src/main/java/com/vianh/blogtruyen/features/list/filter/FilterAdapter.kt
+++ b/app/src/main/java/com/vianh/blogtruyen/features/list/filter/FilterAdapter.kt
@@ -6,7 +6,6 @@ import androidx.recyclerview.widget.DiffUtil
 import androidx.recyclerview.widget.ListAdapter
 import androidx.recyclerview.widget.RecyclerView
 import com.vianh.blogtruyen.databinding.FilterItemBinding
-import timber.log.Timber
 
 
 class FilterAdapter: ListAdapter<FilterCategoryItem, FilterAdapter.FilterItemVH>(DiffCallback()) {
@@ -44,14 +43,13 @@ class FilterAdapter: ListAdapter<FilterCategoryItem, FilterAdapter.FilterItemVH>
 
     }
 
-    class FilterItemVH(val binding: FilterItemBinding): RecyclerView.ViewHolder(binding.root) {
-
-        var boundItem: FilterCategoryItem? = null
+    inner class FilterItemVH(val binding: FilterItemBinding): RecyclerView.ViewHolder(binding.root) {
 
         init {
 
             fun onItemClick() {
-                boundItem?.let {
+                val item = getItem(bindingAdapterPosition)
+                item?.let {
                     val isSelected = !it.isSelected
                     it.isSelected = isSelected
                     binding.checkBox.isChecked = isSelected
@@ -69,7 +67,6 @@ class FilterAdapter: ListAdapter<FilterCategoryItem, FilterAdapter.FilterItemVH>
 
 
         fun bind(item: FilterCategoryItem) {
-            boundItem = item
             binding.categoryName.text = item.category.name
             binding.checkBox.isChecked = item.isSelected
         }
diff --git a/app/src/main/java/com/vianh/blogtruyen/features/list/filter/FilterDialogFragment.kt b/app/src/main/java/com/vianh/blogtruyen/features/list/filter/FilterDialogFragment.kt
index 494ccc2..b2d625e 100644
--- a/app/src/main/java/com/vianh/blogtruyen/features/list/filter/FilterDialogFragment.kt
+++ b/app/src/main/java/com/vianh/blogtruyen/features/list/filter/FilterDialogFragment.kt
@@ -1,30 +1,38 @@
 package com.vianh.blogtruyen.features.list.filter
 
 import android.app.Dialog
+import android.content.Context
 import android.content.DialogInterface
 import android.graphics.Color
 import android.os.Bundle
 import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import androidx.core.content.ContextCompat
+import androidx.core.graphics.Insets
+import androidx.core.view.OnApplyWindowInsetsListener
+import androidx.core.view.ViewCompat
+import androidx.core.view.WindowInsetsCompat
+import androidx.core.view.updatePadding
 import androidx.fragment.app.FragmentManager
-import com.google.android.material.bottomsheet.BottomSheetBehavior
 import com.google.android.material.bottomsheet.BottomSheetDialog
 import com.google.android.material.bottomsheet.BottomSheetDialogFragment
 import com.vianh.blogtruyen.R
 import com.vianh.blogtruyen.databinding.FilterDialogFragmentBinding
 import com.vianh.blogtruyen.features.list.HomeViewModel
+import com.vianh.blogtruyen.utils.toPx
 import org.koin.androidx.viewmodel.ext.android.getViewModel
+import timber.log.Timber
 
-class FilterDialogFragment: BottomSheetDialogFragment() {
+class FilterDialogFragment: BottomSheetDialogFragment(), OnApplyWindowInsetsListener {
     lateinit var binding: FilterDialogFragmentBinding
     private val viewModel: HomeViewModel by lazy { requireParentFragment().getViewModel() }
     private var filterAdapter: FilterAdapter? = null
+    private var lastInsets: Insets? = null
 
     override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
         val dialog = super.onCreateDialog(savedInstanceState)
         val behavior = (dialog as BottomSheetDialog).behavior
-        behavior.state = BottomSheetBehavior.STATE_EXPANDED
         return dialog
     }
 
@@ -34,9 +42,25 @@ class FilterDialogFragment: BottomSheetDialogFragment() {
         savedInstanceState: Bundle?
     ): View {
         binding = FilterDialogFragmentBinding.inflate(inflater, container, false)
+        ViewCompat.setOnApplyWindowInsetsListener(binding.filterRecycler, this)
         return binding.root
     }
 
+    override fun onApplyWindowInsets(v: View?, insets: WindowInsetsCompat?): WindowInsetsCompat {
+        if (insets == null) return WindowInsetsCompat.CONSUMED
+        val barInsets = insets.getInsets(WindowInsetsCompat.Type.systemBars())
+        if (lastInsets == barInsets) return WindowInsetsCompat.CONSUMED
+
+        lastInsets = barInsets
+        Timber.e(barInsets.toString())
+        v?.updatePadding(
+            bottom = barInsets.bottom + 10.toPx.toInt(),
+            left = barInsets.left,
+            right = barInsets.right
+        )
+        return WindowInsetsCompat.CONSUMED
+    }
+
     override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
         super.onViewCreated(view, savedInstanceState)
         setup()
@@ -55,7 +79,6 @@ class FilterDialogFragment: BottomSheetDialogFragment() {
     }
 
     private fun setup() {
-        binding.root.setBackgroundColor(Color.BLACK)
         filterAdapter = FilterAdapter()
         binding.clearFilter.setOnClickListener {
             filterAdapter?.clearFilters()
diff --git a/app/src/main/java/com/vianh/blogtruyen/features/reader/type/vertical/PageItemVH.kt b/app/src/main/java/com/vianh/blogtruyen/features/reader/type/vertical/PageItemVH.kt
index 46cb3f2..0503841 100644
--- a/app/src/main/java/com/vianh/blogtruyen/features/reader/type/vertical/PageItemVH.kt
+++ b/app/src/main/java/com/vianh/blogtruyen/features/reader/type/vertical/PageItemVH.kt
@@ -52,7 +52,7 @@ class PageItemVH(
     init {
         with(binding.page) {
             setMaxTileSize(tileSize)
-            setMinimumScaleType(SubsamplingScaleImageView.SCALE_TYPE_CENTER_CROP)
+            setMinimumScaleType(SubsamplingScaleImageView.SCALE_TYPE_CUSTOM)
             setMinimumDpi(90)
             setMinimumTileDpi(180)
         }
diff --git a/app/src/main/java/com/vianh/blogtruyen/utils/ViewExtensions.kt b/app/src/main/java/com/vianh/blogtruyen/utils/ViewExtensions.kt
index bae00da..12eacf0 100644
--- a/app/src/main/java/com/vianh/blogtruyen/utils/ViewExtensions.kt
+++ b/app/src/main/java/com/vianh/blogtruyen/utils/ViewExtensions.kt
@@ -131,4 +131,10 @@ fun Context.showToast(message: String, duration: Int = Toast.LENGTH_SHORT) {
 val Number.toPx get() = TypedValue.applyDimension(
     TypedValue.COMPLEX_UNIT_DIP,
     this.toFloat(),
-    Resources.getSystem().displayMetrics)
\ No newline at end of file
+    Resources.getSystem().displayMetrics)
+
+val screenHeight
+    get() = Resources.getSystem().displayMetrics.heightPixels
+
+val screenWidth
+    get() = Resources.getSystem().displayMetrics.widthPixels
diff --git a/app/src/main/java/com/vianh/blogtruyen/views/ViewHeightAnimator.kt b/app/src/main/java/com/vianh/blogtruyen/views/ViewHeightAnimator.kt
index 8dff1c1..90c916f 100644
--- a/app/src/main/java/com/vianh/blogtruyen/views/ViewHeightAnimator.kt
+++ b/app/src/main/java/com/vianh/blogtruyen/views/ViewHeightAnimator.kt
@@ -1,9 +1,9 @@
 package com.vianh.blogtruyen.views
 
 import android.view.View
-import android.view.ViewTreeObserver
 import android.view.animation.AccelerateDecelerateInterpolator
 import android.view.animation.Interpolator
+import androidx.core.view.doOnLayout
 import com.vianh.blogtruyen.utils.gone
 import com.vianh.blogtruyen.utils.visible
 
@@ -14,13 +14,9 @@ class ViewHeightAnimator(val view: View) {
         if (view.height > 0) {
             height = view.height
         } else {
-            view.viewTreeObserver.addOnGlobalLayoutListener(object :
-                ViewTreeObserver.OnGlobalLayoutListener {
-                override fun onGlobalLayout() {
-                    height = view.height
-                    view.viewTreeObserver.removeOnGlobalLayoutListener(this)
-                }
-            })
+            view.doOnLayout {
+                height = it.height
+            }
         }
     }
 
diff --git a/app/src/main/res/layout/filter_dialog_fragment.xml b/app/src/main/res/layout/filter_dialog_fragment.xml
index c8d736e..9e1a748 100644
--- a/app/src/main/res/layout/filter_dialog_fragment.xml
+++ b/app/src/main/res/layout/filter_dialog_fragment.xml
@@ -2,11 +2,10 @@
 <androidx.constraintlayout.widget.ConstraintLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
-    android:background="?attr/colorPrimary"
-    android:fitsSystemWindows="false"
-    android:minHeight="500dp"
+    android:clipToPadding="false"
+    android:paddingBottom="10dp"
     android:layout_width="match_parent"
-    android:layout_height="match_parent"
+    android:layout_height="wrap_content"
     xmlns:tools="http://schemas.android.com/tools">
 
     <FrameLayout
@@ -47,9 +46,10 @@
     <androidx.recyclerview.widget.RecyclerView
         android:id="@+id/filter_recycler"
         android:layout_width="0dp"
-        android:layout_height="0dp"
+        android:layout_height="wrap_content"
+        android:clipToPadding="false"
+        android:scrollbars="vertical"
         app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
-        app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toBottomOf="@+id/header_container"
diff --git a/app/src/main/res/layout/home_fragment.xml b/app/src/main/res/layout/home_fragment.xml
index 395fb9b..f535971 100644
--- a/app/src/main/res/layout/home_fragment.xml
+++ b/app/src/main/res/layout/home_fragment.xml
@@ -48,13 +48,13 @@
 
     <com.google.android.material.floatingactionbutton.ExtendedFloatingActionButton
         android:id="@+id/btn_filter"
-        android:layout_marginEnd="10dp"
-        android:layout_marginBottom="40dp"
         app:backgroundTint="@color/colorAccent"
         app:icon="@drawable/ic_filter_list"
         app:iconTint="?attr/colorOnPrimary"
         android:textColor="?attr/colorOnPrimary"
         android:text="@string/filter"
+        tools:visibility="visible"
+        android:visibility="gone"
         android:textAllCaps="false"
         app:elevation="8dp"
         android:layout_width="wrap_content"
diff --git a/app/src/main/res/layout/manga_page_item.xml b/app/src/main/res/layout/manga_page_item.xml
index 531fd4e..4476bdf 100644
--- a/app/src/main/res/layout/manga_page_item.xml
+++ b/app/src/main/res/layout/manga_page_item.xml
@@ -6,6 +6,7 @@
 
     <com.vianh.blogtruyen.views.MangaPage
         android:id="@+id/page"
+
         android:layout_width="match_parent"
         android:layout_height="wrap_content" />
 
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
index 560991f..d6aee67 100644
--- a/app/src/main/res/values/styles.xml
+++ b/app/src/main/res/values/styles.xml
@@ -33,12 +33,11 @@
     </style>
 
 <!--    Bottom sheet-->
-    <style name="Theme.BottomSheetTheme" parent="@style/Theme.Design.BottomSheetDialog">
-        <item name="colorAccent">@color/colorAccent</item>
-        <item name="colorPrimary">@color/colorPrimary</item>
-        <item name="android:windowIsFloating">false</item>
-        <item name="android:navigationBarColor">?attr/colorPrimary</item>
-        <item name="android:statusBarColor">@android:color/transparent</item>
+    <style name="Theme.BottomSheetTheme" parent="ThemeOverlay.MaterialComponents.BottomSheetDialog">
+        <item name="android:windowIsFloating">true</item>
+        <item name="colorSurface">@color/colorPrimary</item>
+
+<!--        <item name="android:navigationBarColor">@color/colorPrimary</item>-->
     </style>
 
     <style name="SearchViewTheme" parent="Widget.AppCompat.SearchView">