diff --git a/app/src/main/java/com/example/androiddevchallenge/ui/LoginScreen1.kt b/app/src/main/java/com/example/androiddevchallenge/ui/LoginScreen1.kt
index ba33561..9c3f93d 100644
--- a/app/src/main/java/com/example/androiddevchallenge/ui/LoginScreen1.kt
+++ b/app/src/main/java/com/example/androiddevchallenge/ui/LoginScreen1.kt
@@ -5,6 +5,7 @@ import android.content.Context
 import androidx.compose.animation.Crossfade
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.interaction.MutableInteractionSource
 import androidx.compose.foundation.layout.*
@@ -79,7 +80,7 @@ fun LoginScreen1(value: AppThemeState, onLoginSuccess: () -> Unit) {
         val emailInteractionState = remember { MutableInteractionSource() }
         val keyboardController = LocalSoftwareKeyboardController.current
 
-        Box(modifier = Modifier.fillMaxHeight(), content = {
+        Box(modifier = Modifier.fillMaxHeight().background(color = MaterialTheme.colors.surface), content = {
             Image(
                 imageVector = ImageVector.vectorResource(id = if (value.darkTheme) R.drawable.dark_login else R.drawable.light_login),
                 contentDescription = "background",
diff --git a/app/src/main/java/com/example/androiddevchallenge/ui/WelcomeScreen.kt b/app/src/main/java/com/example/androiddevchallenge/ui/WelcomeScreen.kt
index c7116fa..79d6e4b 100644
--- a/app/src/main/java/com/example/androiddevchallenge/ui/WelcomeScreen.kt
+++ b/app/src/main/java/com/example/androiddevchallenge/ui/WelcomeScreen.kt
@@ -3,6 +3,7 @@ package com.example.androiddevchallenge.ui
 import androidx.compose.animation.Crossfade
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.shape.RoundedCornerShape
@@ -37,7 +38,7 @@ fun WelcomeOnboard(value: AppThemeState, navController: NavHostController) {
 @Composable
 fun WelcomeScreen(value: AppThemeState, navController: NavHostController) {
     Scaffold {
-        Box(modifier = Modifier.fillMaxHeight() ,content = {
+        Box(modifier = Modifier.fillMaxHeight().background(color = MaterialTheme.colors.surface) ,content = {
             Image(imageVector = ImageVector.vectorResource(id = if(value.darkTheme) R.drawable.dark_welcome else R.drawable.light_welcome), contentDescription = "background",modifier = Modifier.fillMaxSize(), contentScale = ContentScale.FillBounds)
             LazyColumn(modifier = Modifier.fillMaxWidth()
                 .fillMaxHeight()