diff --git a/client/src/components/StockOrderSection/PriceSetting.tsx b/client/src/components/StockOrderSection/PriceSetting.tsx
index 5dfba289..ac719730 100644
--- a/client/src/components/StockOrderSection/PriceSetting.tsx
+++ b/client/src/components/StockOrderSection/PriceSetting.tsx
@@ -76,6 +76,8 @@ const PriceSettingBox = styled.div`
 const PriceController = styled.input`
   flex: 1 0 0;
   height: 30px;
+  border: 1px solid darkgray;
+  border-right: none;
 `;
 
 const DirectionBox = styled.div`
@@ -89,5 +91,11 @@ const DirectionBox = styled.div`
     justify-content: center;
     align-items: center;
     font-size: 10px;
+    border: 1px solid darkgray;
+    border-radius: 0%;
+
+    &.PriceUp {
+      border-bottom: none;
+    }
   }
 `;
diff --git a/client/src/components/StockOrderSection/VolumeSetteing.tsx b/client/src/components/StockOrderSection/VolumeSetteing.tsx
index 3e0a4579..dee00d95 100644
--- a/client/src/components/StockOrderSection/VolumeSetteing.tsx
+++ b/client/src/components/StockOrderSection/VolumeSetteing.tsx
@@ -84,6 +84,8 @@ const VolumeSettingBox = styled.div`
 const VolumeController = styled.input`
   flex: 1 0 0;
   height: 30px;
+  border: 1px solid darkgray;
+  border-right: none;
 `;
 
 const DirectionBox = styled.div`
@@ -97,6 +99,12 @@ const DirectionBox = styled.div`
     justify-content: center;
     align-items: center;
     font-size: 10px;
+    border: 1px solid darkgray;
+    border-radius: 0%;
+
+    &.VolumeUp {
+      border-bottom: none;
+    }
   }
 `;