diff --git a/dztech_dz60rgb_wkl/caksoylar_keymap_drawer/config.yaml b/dztech_dz60rgb_wkl/caksoylar_keymap_drawer/config.yaml
index 2b045d4..33e6d46 100644
--- a/dztech_dz60rgb_wkl/caksoylar_keymap_drawer/config.yaml
+++ b/dztech_dz60rgb_wkl/caksoylar_keymap_drawer/config.yaml
@@ -10,7 +10,7 @@ draw_config:
       fill: inherit;
     }
     svg.keymap {
-      font-family: JetBrains Mono, monospace;
+      font-family: SF Mono, JetBrains Mono, monospace;
       font-size: 14px;
       font-kerning: normal;
       text-rendering: optimizeLegibility;
@@ -22,7 +22,6 @@ draw_config:
       stroke-width: 1;
     }
     text {
-      font-weight: bold;
       text-anchor: middle;
       dominant-baseline: middle;
     }
@@ -40,7 +39,7 @@ draw_config:
       text-anchor: middle;
       dominant-baseline: text-after-edge;
     }
-    rect.held, rect.enter, rect.space {
+    rect.held, rect.enter, rect.space, rect.arrow {
       fill: rgb(255, 205, 210);
     }
     rect.esc, rect.vim {
@@ -68,10 +67,10 @@ parse_config:
       "KC_BSPC": "$$mdi:keyboard-backspace$$",
       "KC_TAB": "$$mdi:keyboard-tab$$",
       "KC_SPC": { "t": "$$mdi:keyboard-space$$", "type": "space" },
-      "KC_UP": "$$mdi:arrow-up$$",
-      "KC_DOWN": "$$mdi:arrow-down$$",
-      "KC_LEFT": "$$mdi:arrow-left$$",
-      "KC_RGHT": "$$mdi:arrow-right$$",
+      "KC_UP": { "t": "$$mdi:arrow-up$$", "type": "arrow" },
+      "KC_DOWN": { "t": "$$mdi:arrow-down$$", "type": "arrow" },
+      "KC_LEFT": { "t": "$$mdi:arrow-left$$", "type": "arrow" },
+      "KC_RGHT": { "t": "$$mdi:arrow-right$$", "type": "arrow" },
       "KC_CAPS": "$$mdi:apple-keyboard-caps$$",
       "KC_LOPT": "$$mdi:apple-keyboard-option$$",
       "KC_ROPT": "$$mdi:apple-keyboard-option$$",
diff --git a/dztech_dz60rgb_wkl/caksoylar_keymap_drawer/keymap.svg b/dztech_dz60rgb_wkl/caksoylar_keymap_drawer/keymap.svg
index 444ecbc..3b6491c 100644
--- a/dztech_dz60rgb_wkl/caksoylar_keymap_drawer/keymap.svg
+++ b/dztech_dz60rgb_wkl/caksoylar_keymap_drawer/keymap.svg
@@ -48,7 +48,7 @@ svg path {
   fill: inherit;
 }
 svg.keymap {
-  font-family: JetBrains Mono, monospace;
+  font-family: SF Mono, JetBrains Mono, monospace;
   font-size: 14px;
   font-kerning: normal;
   text-rendering: optimizeLegibility;
@@ -60,7 +60,6 @@ rect.key {
   stroke-width: 1;
 }
 text {
-  font-weight: bold;
   text-anchor: middle;
   dominant-baseline: middle;
 }
@@ -78,7 +77,7 @@ text.hold {
   text-anchor: middle;
   dominant-baseline: text-after-edge;
 }
-rect.held, rect.enter, rect.space {
+rect.held, rect.enter, rect.space, rect.arrow {
   fill: rgb(255, 205, 210);
 }
 rect.esc, rect.vim {
@@ -434,9 +433,9 @@ rect.esc, rect.vim {
 <g transform="translate(660, 90)" class="key keypos-25">
 <rect rx="6" ry="6" x="-28" y="-28" width="56" height="56" class="key"/>
 </g>
-<g transform="translate(720, 90)" class="key keypos-26">
-<rect rx="6" ry="6" x="-28" y="-28" width="56" height="56" class="key"/>
-<use href="#mdi:arrow-up" xlink:href="#mdi:arrow-up" x="-9" y="-9" height="18" width="18.0" class="key tap glyph mdi:arrow-up"/>
+<g transform="translate(720, 90)" class="key arrow keypos-26">
+<rect rx="6" ry="6" x="-28" y="-28" width="56" height="56" class="key arrow"/>
+<use href="#mdi:arrow-up" xlink:href="#mdi:arrow-up" x="-9" y="-9" height="18" width="18.0" class="key arrow tap glyph mdi:arrow-up"/>
 </g>
 <g transform="translate(780, 90)" class="key keypos-27">
 <rect rx="6" ry="6" x="-28" y="-28" width="56" height="56" class="key"/>
@@ -475,13 +474,13 @@ rect.esc, rect.vim {
 <g transform="translate(615, 150)" class="key keypos-38">
 <rect rx="6" ry="6" x="-28" y="-28" width="56" height="56" class="key"/>
 </g>
-<g transform="translate(675, 150)" class="key keypos-39">
-<rect rx="6" ry="6" x="-28" y="-28" width="56" height="56" class="key"/>
-<use href="#mdi:arrow-left" xlink:href="#mdi:arrow-left" x="-9" y="-9" height="18" width="18.0" class="key tap glyph mdi:arrow-left"/>
+<g transform="translate(675, 150)" class="key arrow keypos-39">
+<rect rx="6" ry="6" x="-28" y="-28" width="56" height="56" class="key arrow"/>
+<use href="#mdi:arrow-left" xlink:href="#mdi:arrow-left" x="-9" y="-9" height="18" width="18.0" class="key arrow tap glyph mdi:arrow-left"/>
 </g>
-<g transform="translate(735, 150)" class="key keypos-40">
-<rect rx="6" ry="6" x="-28" y="-28" width="56" height="56" class="key"/>
-<use href="#mdi:arrow-right" xlink:href="#mdi:arrow-right" x="-9" y="-9" height="18" width="18.0" class="key tap glyph mdi:arrow-right"/>
+<g transform="translate(735, 150)" class="key arrow keypos-40">
+<rect rx="6" ry="6" x="-28" y="-28" width="56" height="56" class="key arrow"/>
+<use href="#mdi:arrow-right" xlink:href="#mdi:arrow-right" x="-9" y="-9" height="18" width="18.0" class="key arrow tap glyph mdi:arrow-right"/>
 </g>
 <g transform="translate(832, 150)" class="key keypos-41">
 <rect rx="6" ry="6" x="-66" y="-28" width="131" height="56" class="key"/>
@@ -517,9 +516,9 @@ rect.esc, rect.vim {
 <g transform="translate(645, 210)" class="key keypos-51">
 <rect rx="6" ry="6" x="-28" y="-28" width="56" height="56" class="key"/>
 </g>
-<g transform="translate(705, 210)" class="key keypos-52">
-<rect rx="6" ry="6" x="-28" y="-28" width="56" height="56" class="key"/>
-<use href="#mdi:arrow-down" xlink:href="#mdi:arrow-down" x="-9" y="-9" height="18" width="18.0" class="key tap glyph mdi:arrow-down"/>
+<g transform="translate(705, 210)" class="key arrow keypos-52">
+<rect rx="6" ry="6" x="-28" y="-28" width="56" height="56" class="key arrow"/>
+<use href="#mdi:arrow-down" xlink:href="#mdi:arrow-down" x="-9" y="-9" height="18" width="18.0" class="key arrow tap glyph mdi:arrow-down"/>
 </g>
 <g transform="translate(788, 210)" class="key trans keypos-53">
 <rect rx="6" ry="6" x="-50" y="-28" width="101" height="56" class="key trans"/>
diff --git a/dztech_dz60rgb_wkl/caksoylar_keymap_drawer/keymap.yaml b/dztech_dz60rgb_wkl/caksoylar_keymap_drawer/keymap.yaml
index e77ca6e..7a44838 100644
--- a/dztech_dz60rgb_wkl/caksoylar_keymap_drawer/keymap.yaml
+++ b/dztech_dz60rgb_wkl/caksoylar_keymap_drawer/keymap.yaml
@@ -91,7 +91,7 @@ layers:
     - ""
     - ""
     - ""
-    - $$mdi:arrow-up$$
+    - { t: "$$mdi:arrow-up$$", type: arrow }
     - ""
     - DEL
     - ""
@@ -104,8 +104,8 @@ layers:
     - ""
     - ""
     - ""
-    - $$mdi:arrow-left$$
-    - $$mdi:arrow-right$$
+    - { t: "$$mdi:arrow-left$$", type: arrow }
+    - { t: "$$mdi:arrow-right$$", type: arrow }
     - ""
     - { t: "$$mdi:transfer$$", type: trans }
     - ""
@@ -117,7 +117,7 @@ layers:
     - ""
     - ""
     - ""
-    - $$mdi:arrow-down$$
+    - { t: "$$mdi:arrow-down$$", type: arrow }
     - { t: "$$mdi:transfer$$", type: trans }
     - ""
     - ""