Clean up colors and Selects

src/app/(main)/admin/AdminLayout.tsx

@@ -19,7 +19,6 @@ export function AdminLayout({ children }: { children: ReactNode }) {
         width="240px"
         height="100%"
         border="right"
-        backgroundColor
         marginRight="2"
         padding="3"
       >

src/app/(main)/settings/SettingsLayout.tsx

@@ -12,7 +12,6 @@ export function SettingsLayout({ children }: { children: ReactNode }) {
         width="240px"
         height="100%"
         border="right"
-        backgroundColor={'surface-raised'}
         marginRight="2"
         padding="3"
       >

src/app/(main)/websites/[websiteId]/(reports)/journeys/Journey.tsx

@@ -236,7 +236,7 @@ export function Journey({ websiteId, steps, startStep, endStep, view }: JourneyP
                                   <div>{formatLongNumber(nodeCount)}</div>
                                 </Focusable>
                                 <Tooltip placement="top" offset={20} showArrow>
-                                  <Text transform="lowercase" color="ruby">
+                                  <Text transform="lowercase" color="red-700">
                                     {`${dropped}% ${formatMessage(labels.dropoff)}`}
                                   </Text>
                                   <Column>