diff --git a/app/src/main/java/com/example/lexilearn/ui/views/pDetailMaterial/DetailMaterialScreen.kt b/app/src/main/java/com/example/lexilearn/ui/views/pDetailMaterial/DetailMaterialScreen.kt
index 2164b5d..6669f3b 100644
--- a/app/src/main/java/com/example/lexilearn/ui/views/pDetailMaterial/DetailMaterialScreen.kt
+++ b/app/src/main/java/com/example/lexilearn/ui/views/pDetailMaterial/DetailMaterialScreen.kt
@@ -25,13 +25,17 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.unit.sp
 import androidx.constraintlayout.compose.ConstraintLayout
 import androidx.lifecycle.viewmodel.compose.viewModel
 import androidx.navigation.NavController
+import com.example.lexilearn.R
 import com.example.lexilearn.data.model.MaterialDataModel
+import com.example.lexilearn.ui.components.ButtonNext
 import com.example.lexilearn.ui.components.FirebaseImage
 import com.example.lexilearn.ui.components.GradientQuiz
 import com.example.lexilearn.ui.components.HorizontalLine
@@ -67,7 +71,7 @@ fun DetailMaterialScreen(navController: NavController, materialListData: List<Ma
                 Spacer(modifier = Modifier.height(70.dp))
                 HorizontalLine()
                 LazyColumn(
-                    modifier = Modifier.fillMaxSize(),
+                    modifier = Modifier.fillMaxWidth(),
                     contentPadding = PaddingValues(16.dp)
                 ) {
                     items(materialList) { dataMat ->
@@ -108,7 +112,7 @@ fun DetailMaterialScreen(navController: NavController, materialListData: List<Ma
                                                         modifier = Modifier.matchParentSize()
                                                     ) // 🔥 Pastikan gambar mengisi Box
                                                 }
-                                                Spacer(modifier = Modifier.height(20.dp))
+                                                Spacer(modifier = Modifier.height(10.dp))
                                                 Text(
                                                     text = "${dataMat.enName}",
                                                     color = cAccent,
@@ -131,7 +135,7 @@ fun DetailMaterialScreen(navController: NavController, materialListData: List<Ma
                                         )
                                     }
                                 }
-                                Spacer(modifier = Modifier.height(20.dp))
+                                Spacer(modifier = Modifier.height(10.dp))
                             }
                             IconButton(
                                 onClick = {
@@ -153,6 +157,16 @@ fun DetailMaterialScreen(navController: NavController, materialListData: List<Ma
                         }
                     }
                 }
+                ButtonNext(
+                    onclick = {
+                        navController.navigate("spell")
+                    },
+                    text = "Kerjakan Kuis",
+                    painter = painterResource(id = R.drawable.ic_next),
+                    modifier = Modifier
+                        .padding(horizontal = 50.dp)
+                        .fillMaxWidth()
+                )
             }
         }
     }
diff --git a/app/src/main/java/com/example/lexilearn/ui/views/pHome/HomeScreen.kt b/app/src/main/java/com/example/lexilearn/ui/views/pHome/HomeScreen.kt
index 650cb69..e653b6b 100644
--- a/app/src/main/java/com/example/lexilearn/ui/views/pHome/HomeScreen.kt
+++ b/app/src/main/java/com/example/lexilearn/ui/views/pHome/HomeScreen.kt
@@ -304,7 +304,7 @@ fun HomeScreen(navController: NavController) {
                         )
                     }
                 }
-                ButtonHome(onClick = { },
+                ButtonHome(onClick = { navController.navigate("read") },
                     color = Color(0xffedb92f),
                     modifier = Modifier
                         .constrainAs(newsRef) {
diff --git a/app/src/main/java/com/example/lexilearn/ui/views/pNavMaterial/NavMaterialScreen.kt b/app/src/main/java/com/example/lexilearn/ui/views/pNavMaterial/NavMaterialScreen.kt
index 8b17fde..9de01ea 100644
--- a/app/src/main/java/com/example/lexilearn/ui/views/pNavMaterial/NavMaterialScreen.kt
+++ b/app/src/main/java/com/example/lexilearn/ui/views/pNavMaterial/NavMaterialScreen.kt
@@ -1,12 +1,10 @@
 package com.example.lexilearn.ui.views.pNavMaterial
 
-import android.graphics.Shader
 import androidx.compose.foundation.background
 import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.lazy.LazyColumn
-import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.lazy.itemsIndexed
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.icons.Icons
@@ -21,10 +19,8 @@ import androidx.compose.runtime.getValue
 import androidx.compose.runtime.livedata.observeAsState
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.blur
 import androidx.compose.ui.draw.clip
-import androidx.compose.ui.graphics.Color
-import androidx.compose.ui.graphics.RenderEffect
-import androidx.compose.ui.graphics.graphicsLayer
 import androidx.compose.ui.layout.ContentScale
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
@@ -73,9 +69,10 @@ fun NavMaterialScreen(navController: NavController, materialId: String) {
                 ) {
                     itemsIndexed(materialList) { index, chunk ->
                         ConstraintLayout(modifier = Modifier.fillMaxWidth()) {
-                            val (space, boxItem, centerLine, lockIcon, cardIcon) = createRefs()
+                            val (space, boxItem, centerLine, lockIcon) = createRefs()
                             Box(modifier = Modifier
                                 .background(color = cwhite, shape = RoundedCornerShape(12.dp))
+                                .blur(if ((sizeUnlock ?: 0) < index) 16.dp else 0.dp)
                                 .constrainAs(boxItem) {
                                     start.linkTo(parent.start)
                                     top.linkTo(parent.top)
@@ -184,23 +181,18 @@ fun NavMaterialScreen(navController: NavController, materialId: String) {
                                     start.linkTo(boxItem.start)
                                 })
                             if (index > (sizeUnlock ?: 0)) {
-                                Box(
+                                Icon(
+                                    imageVector = Icons.Filled.Lock,
+                                    contentDescription = "Lock Icon",
                                     modifier = Modifier
-                                        .constrainAs(cardIcon) {
+                                        .size(60.dp)
+                                        .constrainAs(lockIcon) {
                                             start.linkTo(parent.start)
                                             top.linkTo(parent.top)
                                             bottom.linkTo(parent.bottom)
                                             end.linkTo(parent.end)
                                         }
-                                        .background(Color.White.copy(alpha = 0.5f)) // Transparan blur effect
-                                ) {
-                                    Icon(
-                                        imageVector = Icons.Filled.Lock,
-                                        contentDescription = "Lock Icon",
-                                        modifier = Modifier.size(60.dp)
-                                    )
-                                }
-
+                                )
                             }
                         }
                     }
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index ac9de28..beaea5a 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -1,5 +1,5 @@
 <resources>
-    <string name="app_name">LexiLearn</string>
+    <string name="app_name">EDUL</string>
     <string name="title_activity_login">LoginActivity</string>
     <string name="title_activity_login_screen">LoginScreen</string>