Worked on Network speed UI - set border colors, background

app/src/main/java/com/vpn/fastestvpnservice/screens/bottomNavBarScreens/HomeScreen.kt

@@ -784,17 +784,27 @@ fun Home(
                             Surface(
                                 modifier = Modifier
                                     .weight(1f)
-                                    .background(Color.Transparent)
                                     .fillMaxHeight()
-                                    .padding(end = 5.dp),
+                                    .padding(end = 5.dp)
+                                    .border(
+                                        width = 1.dp,
+                                        color = MaterialTheme.colorScheme.onBackground,
+                                        shape = RoundedCornerShape(24.dp)
+                                    )
+                                    .background(Color.Transparent),
                                 shape = RoundedCornerShape(24.dp)
 
                             ) {
                                 Column(
                                     modifier = Modifier
-                                        .background(MaterialTheme.colorScheme.onBackground),
+                                        .background(MaterialTheme.colorScheme.onBackground)
+                                        .border(
+                                            width = 1.dp,
+                                            color = MaterialTheme.colorScheme.onBackground,
+                                            shape = RoundedCornerShape(24.dp)
+                                        ),
                                     verticalArrangement = Arrangement.SpaceEvenly,
-                                    horizontalAlignment = Alignment.CenterHorizontally
+                                    horizontalAlignment = Alignment.CenterHorizontally,
                                 ) {
                                     Image(
                                         painter = painterResource(id = R.drawable.greenarrow3x),
@@ -832,14 +842,24 @@ fun Home(
                             Surface(
                                 modifier = Modifier
                                     .weight(1f)
-                                    .background(Color.Transparent)
                                     .fillMaxHeight()
-                                    .padding(start = 5.dp),
+                                    .padding(start = 5.dp)
+                                    .border(
+                                        width = 1.dp,
+                                        color = MaterialTheme.colorScheme.onBackground,
+                                        shape = RoundedCornerShape(24.dp)
+                                    )
+                                    .background(Color.Transparent),
                                 shape = RoundedCornerShape(24.dp)
                             ) {
                                 Column(
                                     modifier = Modifier
-                                        .background(MaterialTheme.colorScheme.onBackground),
+                                        .background(MaterialTheme.colorScheme.onBackground)
+                                        .border(
+                                            width = 1.dp,
+                                            color = MaterialTheme.colorScheme.onBackground,
+                                            shape = RoundedCornerShape(24.dp)
+                                        ),
                                     verticalArrangement = Arrangement.SpaceEvenly,
                                     horizontalAlignment = Alignment.CenterHorizontally
                                 ) {