diff --git a/src/content/docs/start/02-client-and-server.mdx b/src/content/docs/start/02-client-and-server.mdx
index 8ced81f..1ef14f2 100644
--- a/src/content/docs/start/02-client-and-server.mdx
+++ b/src/content/docs/start/02-client-and-server.mdx
@@ -24,8 +24,8 @@ graph LR
     subgraph 클라이언트와 서버의 관계
     direction LR
     c[
-<img width="736" alt="client" src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/df0f4dd4-b55a-482e-a61a-7d97cc97dba2"/> ㅤㅤㅤ클라이언트ㅤㅤ]
-    s[<img alt="server" src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/7bc84f67-a4a7-43db-bfde-53f6e4aa25d1"/>ㅤㅤㅤㅤ서버ㅤㅤㅤㅤ]
+<img width="736" alt="client" src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/df0f4dd4-b55a-482e-a61a-7d97cc97dba2"/> &nbsp;&nbsp;&nbsp;클라이언트&nbsp;&nbsp;]
+    s[<img alt="server" src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/7bc84f67-a4a7-43db-bfde-53f6e4aa25d1"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;서버&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;]
     c -- 1. 정보 주세요! (요청) -->s
     s -- 2. 정보 드립니다. (반환) -->c
     end
@@ -54,7 +54,7 @@ graph TB
         direction LR
 
         c[<img src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/12983ba5-88af-4171-9c7e-8a150597d701"/> 클라이언트]
-        s[<img src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/9644f3f5-7759-4506-89fc-a88a9161b319"/>ㅤ서버ㅤ]
+        s[<img src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/9644f3f5-7759-4506-89fc-a88a9161b319"/>&nbsp;&nbsp;서버&nbsp;&nbsp;]
         b[<img src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/e888df59-ed23-4c98-8227-0bc2f27fe5eb"/> 브라우저]
 
         c -- 1. 웹 정보 주세요! (요청) -->s
@@ -66,7 +66,7 @@ graph TB
         direction TB
 
         c2[<img src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/12983ba5-88af-4171-9c7e-8a150597d701"/> 클라이언트]
-        a[<img src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/798e74d7-2688-4693-8d00-0ab589bf570f"/> ㅤ앱ㅤ]
+        a[<img src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/3904246d-5f1c-49e1-9b14-59b143828aed"/> &nbsp;&nbsp;앱&nbsp;&nbsp; ]
 
         c2 -- 기기에 설치된 앱 실행 --> a
     end
@@ -121,7 +121,7 @@ graph TB
     direction LR
     c[<img src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/12983ba5-88af-4171-9c7e-8a150597d701"/> 클라이언트]
     back[<img src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/de8fa354-55c6-43ec-b356-852a3ebf51e3"/> 백엔드 서버]
-    a[<img src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/798e74d7-2688-4693-8d00-0ab589bf570f"/> ㅤ앱ㅤ]
+    a[<img src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/3904246d-5f1c-49e1-9b14-59b143828aed"/> &nbsp;&nbsp;앱&nbsp;&nbsp;]
     user[<img src="https://github.com/dsmhs/dsm-freshman-guide/assets/81006587/10dca170-49bc-4e14-9adf-91167a6949f5"> 사용자]
 
     c -- 1. 앱 실행 --> a