diff --git a/assets/icons/doorlock-assets/lockIcon.svg b/assets/icons/doorlock-assets/lockIcon.svg
new file mode 100644
index 0000000..a78161c
--- /dev/null
+++ b/assets/icons/doorlock-assets/lockIcon.svg
@@ -0,0 +1,17 @@
+<svg width="51" height="68" viewBox="0 0 51 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_i_989_290)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M37.7041 29.193H12.6134V20.9929C12.6134 17.5416 14.0206 14.4018 16.2968 12.1312C18.5732 9.85412 21.7055 8.43994 25.1555 8.43994C28.6056 8.43994 31.7444 9.85425 34.0141 12.1312C36.2903 14.4018 37.7041 17.5418 37.7041 20.9929V29.193ZM48.398 30.9186C47.7365 30.2634 46.9259 29.7573 46.018 29.4719V20.9929C46.018 15.2516 43.6704 10.0293 39.8896 6.24716C36.1088 2.46505 30.8947 0.123047 25.1555 0.123047C19.4162 0.123047 14.2021 2.46505 10.4214 6.24716C6.64057 10.0293 4.29294 15.2516 4.29294 20.9929V29.446C3.35912 29.7314 2.52251 30.2438 1.84809 30.9186C0.784573 31.9891 0.123047 33.4552 0.123047 35.0769V61.4805C0.123047 63.1023 0.784573 64.5684 1.84809 65.6388C2.91806 66.7027 4.38383 67.3644 6.00496 67.3644H44.2411C45.8624 67.3644 47.328 66.7027 48.398 65.6388C49.4615 64.5684 50.123 63.1023 50.123 61.4805V35.0769C50.1232 33.4551 49.4617 31.9891 48.398 30.9186ZM21.0504 41.8887C22.0944 40.8507 23.5341 40.202 25.123 40.202C26.7119 40.202 28.1515 40.8507 29.1957 41.8887C30.2399 42.9333 30.8818 44.3735 30.8818 45.9628C30.8818 47.2018 30.4927 48.3436 29.8312 49.2844C29.2799 50.063 28.5406 50.6987 27.6781 51.1269V53.7997C27.6781 54.5002 27.3928 55.1425 26.9258 55.6031C26.4653 56.0636 25.8298 56.3556 25.1229 56.3556C24.4225 56.3556 23.7805 56.0636 23.32 55.6031C22.8596 55.1425 22.5677 54.5002 22.5677 53.7997V51.1269C21.7116 50.6987 20.9724 50.063 20.4211 49.2844C19.7531 48.3438 19.364 47.202 19.364 45.9628C19.3643 44.3734 20.0128 42.9331 21.0504 41.8887Z" fill="#C1C1C1"/>
+</g>
+<defs>
+<filter id="filter0_i_989_290" x="0.123047" y="0.123047" width="55" height="72.2412" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="5" dy="5"/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_989_290"/>
+</filter>
+</defs>
+</svg>
diff --git a/lib/features/devices/view/widgets/smart_door/door_button.dart b/lib/features/devices/view/widgets/smart_door/door_button.dart
index be26e07..610ffad 100644
--- a/lib/features/devices/view/widgets/smart_door/door_button.dart
+++ b/lib/features/devices/view/widgets/smart_door/door_button.dart
@@ -1,7 +1,4 @@
-import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter/rendering.dart';
-import 'package:flutter/widgets.dart';
 import 'package:flutter_svg/flutter_svg.dart';
 import 'package:syncrow_app/generated/assets.dart';
 import 'package:syncrow_app/utils/context_extension.dart';
@@ -49,9 +46,9 @@ class _DoorLockButtonState extends State<DoorLockButton>
   Widget build(BuildContext context) {
     return Padding(
       padding: EdgeInsets.only(
-        right: context.width * 0.3 / 2,
-        left: context.width * 0.3 / 2,
-        bottom: context.width * 0.35 / 2,
+        right: context.width * 0.25 / 2,
+        left: context.width * 0.25 / 2,
+        bottom: context.width * 0.2 / 2,
       ),
       child: InkWell(
         overlayColor: MaterialStateProperty.all(
@@ -76,8 +73,8 @@ class _DoorLockButtonState extends State<DoorLockButton>
           }
         },
         child: Container(
-          width: context.width * 0.55,
-          height: context.width * 0.55,
+          width: context.width * 06,
+          height: context.width * 0.6,
           margin: const EdgeInsets.all(10),
           decoration: const BoxDecoration(
             boxShadow: [
@@ -91,27 +88,54 @@ class _DoorLockButtonState extends State<DoorLockButton>
             color: Color(0xFFEBECED),
             borderRadius: BorderRadius.all(Radius.circular(999)),
           ),
-          child: Stack(
-            alignment: Alignment.center,
-            children: [
-              Padding(
-                padding: const EdgeInsets.all(25),
-                child: SizedBox.expand(
-                  child: CircularProgressIndicator(
-                    value: _animation.value,
-                    backgroundColor: Colors.transparent,
-                    valueColor: const AlwaysStoppedAnimation<Color>(
-                      ColorsManager.primaryColor,
+          child: Padding(
+            padding: const EdgeInsets.all(25),
+            child: Stack(
+              alignment: Alignment.center,
+              children: [
+                Container(
+                  margin: const EdgeInsets.all(8),
+                  decoration: BoxDecoration(
+                    color: Colors.white,
+                    borderRadius: BorderRadius.circular(999),
+                    boxShadow: [
+                      BoxShadow(
+                        color: Colors.white.withOpacity(0.5),
+                        blurRadius: 30,
+                        offset: const Offset(-5, -5),
+                        blurStyle: BlurStyle.outer,
+                      ),
+                      BoxShadow(
+                        color: Colors.black.withOpacity(0.14),
+                        blurRadius: 25,
+                        offset: const Offset(5, 5),
+                        blurStyle: BlurStyle.outer,
+                      ),
+                      BoxShadow(
+                        color: Colors.black.withOpacity(0.14),
+                        blurRadius: 30,
+                        offset: const Offset(5, 5),
+                        blurStyle: BlurStyle.inner,
+                      ),
+                    ],
+                  ),
+                  child: Center(
+                    child: SvgPicture.asset(
+                      Assets.doorlockAssetsLockIcon,
                     ),
-                    strokeWidth: 10,
                   ),
                 ),
-              ),
-              SvgPicture.asset(
-                Assets.doorlockAssetsDoorlockButtonTwo,
-                fit: BoxFit.fill,
-              ),
-            ],
+                SizedBox.expand(
+                  child: CircularProgressIndicator(
+                    value: _animation.value,
+                    strokeWidth: 15,
+                    backgroundColor: Colors.transparent,
+                    valueColor: const AlwaysStoppedAnimation<Color>(
+                        ColorsManager.primaryColor),
+                  ),
+                )
+              ],
+            ),
           ),
         ),
       ),
diff --git a/lib/features/devices/view/widgets/smart_door/door_grid.dart b/lib/features/devices/view/widgets/smart_door/door_grid.dart
index 8341192..24a36cd 100644
--- a/lib/features/devices/view/widgets/smart_door/door_grid.dart
+++ b/lib/features/devices/view/widgets/smart_door/door_grid.dart
@@ -47,10 +47,6 @@ class DoorLockGrid extends StatelessWidget {
                 child: SvgPicture.asset(
                   doorLockButtons[index]['image'] as String,
                 ),
-
-                // Image(
-                //   image: AssetImage(doorLockButtons[index]['image'] as String),
-                // ),
               ),
               const SizedBox(
                 height: 15,
diff --git a/lib/generated/assets.dart b/lib/generated/assets.dart
index 5c61311..9ac87d4 100644
--- a/lib/generated/assets.dart
+++ b/lib/generated/assets.dart
@@ -73,6 +73,8 @@ class Assets {
       'assets/icons/doorlock-assets/doorlock-button-one.svg';
   static const String doorlockAssetsDoorlockButtonTwo =
       'assets/icons/doorlock-assets/doorlock-button-two.svg';
+  static const String doorlockAssetsLockIcon =
+      'assets/icons/doorlock-assets/lockIcon.svg';
   static const String doorlockAssetsMembersManagement =
       'assets/icons/doorlock-assets/members-management.svg';
   static const String doorlockAssetsSmartLinkage =