diff --git a/public/css/components.css b/public/css/components.css
index 09c0aa0..3dc7ff9 100644
--- a/public/css/components.css
+++ b/public/css/components.css
@@ -684,65 +684,27 @@ body.dark-mode .departure-card {
 
 /* Direction arrow indicator */
 .direction-arrow-box {
-    width: 32px;
-    height: 32px;
-    border-radius: 4px;
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 1.4em;
+    font-size: 1.1em;
     font-weight: bold;
     flex-shrink: 0;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-    border: 1.5px solid rgba(255, 255, 255, 0.3);
+    border: none;
+    box-shadow: none;
 }
 
 .direction-arrow-box.left {
-    background: repeating-linear-gradient(
-        45deg,
-        #fff5e6,
-        #fff5e6 4px,
-        #ffe6cc 4px,
-        #ffe6cc 8px
-    );
-    color: #ff6600;
-    border-color: #ff6600;
+    background: rgba(255, 140, 0, 0.2);
+    color: #ff9800;
 }
 
 .direction-arrow-box.right {
-    background: repeating-linear-gradient(
-        45deg,
-        #e6f2ff,
-        #e6f2ff 4px,
-        #cce6ff 4px,
-        #cce6ff 8px
-    );
-    color: #0066cc;
-    border-color: #0066cc;
-}
-
-body.dark-mode .direction-arrow-box.left {
-    background: repeating-linear-gradient(
-        45deg,
-        #664422,
-        #664422 4px,
-        #553311 4px,
-        #553311 8px
-    );
-    color: #ff8800;
-    border-color: #ff8800;
-}
-
-body.dark-mode .direction-arrow-box.right {
-    background: repeating-linear-gradient(
-        45deg,
-        #223366,
-        #223366 4px,
-        #112255 4px,
-        #112255 8px
-    );
+    background: rgba(79, 195, 247, 0.2);
     color: var(--color-accent);
-    border-color: var(--color-accent);
 }
 
 /* Destination text */
@@ -1505,9 +1467,9 @@ body.dark-mode .config-search-input:focus-visible {
     }
 
     .direction-arrow-box {
-        width: 26px;
-        height: 26px;
-        font-size: 1.1em;
+        width: 24px;
+        height: 24px;
+        font-size: 1em;
     }
 
     /* Weather responsive */
@@ -1598,8 +1560,8 @@ body.dark-mode .config-search-input:focus-visible {
     }
 
     .direction-arrow-box {
-        width: 22px;
-        height: 22px;
+        width: 20px;
+        height: 20px;
         font-size: 0.9em;
     }