diff --git a/theatre/studio/src/panels/DetailPanel/DetailPanel.tsx b/theatre/studio/src/panels/DetailPanel/DetailPanel.tsx
index 9653c88..8df9ad4 100644
--- a/theatre/studio/src/panels/DetailPanel/DetailPanel.tsx
+++ b/theatre/studio/src/panels/DetailPanel/DetailPanel.tsx
@@ -75,6 +75,7 @@ const Header = styled.div`
 const Body = styled.div`
   ${pointerEventsAutoInNormalMode};
   max-height: calc(80vh - 100px);
+  border-bottom: 1px dashed #91919177;
   overflow-y: scroll;
   &::-webkit-scrollbar {
     width: 6px;
@@ -90,7 +91,7 @@ const Body = styled.div`
   }
 
   scrollbar-width: 10px;
-  padding: 0;
+  padding: 10px;
   user-select: none;
 
   /* Set the font-size for input values in the detail panel */
diff --git a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/BasicKeyframedTrack/KeyframeEditor/DeterminePropEditorForSingleKeyframe.tsx b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/BasicKeyframedTrack/KeyframeEditor/DeterminePropEditorForSingleKeyframe.tsx
index fa9d79e..62e3af1 100644
--- a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/BasicKeyframedTrack/KeyframeEditor/DeterminePropEditorForSingleKeyframe.tsx
+++ b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/BasicKeyframedTrack/KeyframeEditor/DeterminePropEditorForSingleKeyframe.tsx
@@ -31,7 +31,7 @@ const SingleKeyframePropLabel = styled.div`
 
   width: 40%;
 
-  color: #919191;
+  color: #606060;
 
   overflow: hidden;
 `
diff --git a/theatre/studio/src/uiComponents/form/BasicNumberInput.tsx b/theatre/studio/src/uiComponents/form/BasicNumberInput.tsx
index dfc09fd..fd26dc3 100644
--- a/theatre/studio/src/uiComponents/form/BasicNumberInput.tsx
+++ b/theatre/studio/src/uiComponents/form/BasicNumberInput.tsx
@@ -27,7 +27,7 @@ const Container = styled.div`
     border: 1px solid transparent;
     z-index: -2;
     box-sizing: border-box;
-    border-radius: 1px;
+    border-radius: 0px;
   }
 
   &:hover,
@@ -66,7 +66,7 @@ const FillIndicator = styled.div`
   transform-origin: top left;
   background-color: #b4b4b4;
   z-index: 0;
-  border-radius: 2px;
+  border-radius: 0px;
   pointer-events: none !important;
   mix-blend-mode: multiply;
 
diff --git a/theatre/studio/src/uiComponents/form/BasicStringInput.tsx b/theatre/studio/src/uiComponents/form/BasicStringInput.tsx
index de1700a..4fae9a5 100644
--- a/theatre/studio/src/uiComponents/form/BasicStringInput.tsx
+++ b/theatre/studio/src/uiComponents/form/BasicStringInput.tsx
@@ -20,6 +20,7 @@ const StyledTextarea = styled.textarea.attrs({type: 'text'})`
   border-radius: 0px;
   box-sizing: border-box;
   margin-bottom: 10px;
+  margin-top: 10px;
 
   &:hover {
     background-color: #10101042;
diff --git a/theatre/studio/src/uiComponents/simpleContextMenu/ContextMenu/Item.tsx b/theatre/studio/src/uiComponents/simpleContextMenu/ContextMenu/Item.tsx
index c1c9bb4..437f161 100644
--- a/theatre/studio/src/uiComponents/simpleContextMenu/ContextMenu/Item.tsx
+++ b/theatre/studio/src/uiComponents/simpleContextMenu/ContextMenu/Item.tsx
@@ -14,7 +14,7 @@ const ItemContainer = styled.li<{enabled: boolean}>`
   font-size: 11px;
   font-weight: 400;
   position: relative;
-  color: ${(props) => (props.enabled ? 'white' : '#8f8f8f')};
+  color: ${(props) => (props.enabled ? 'white' : '#484848')};
   cursor: ${(props) => (props.enabled ? 'normal' : 'not-allowed')};
 
   &:after {