diff --git a/frontend/src/components/floating-menus/MenuList.svelte b/frontend/src/components/floating-menus/MenuList.svelte
index 1d8b9857..1dc977cf 100644
--- a/frontend/src/components/floating-menus/MenuList.svelte
+++ b/frontend/src/components/floating-menus/MenuList.svelte
@@ -285,10 +285,6 @@
 					flex: 0 0 auto;
 				}
 
-				.entry-icon svg {
-					fill: var(--color-e-nearwhite);
-				}
-
 				.no-icon {
 					width: 16px;
 					height: 16px;
@@ -317,25 +313,34 @@
 					height: 12px;
 				}
 
-				> .menu-list {
-					margin-right: -4px;
+				// Extend the submenu to the right by the width of the margin outside the row, since we want the submenu to line up with the edge of the menu
+				&.open {
+					// Offset by the margin distance
+					> .menu-list {
+						margin-right: -4px;
+					}
+
+					// Extend the click target by the margin distance so the user can hover to the right of the row, within the margin area, and still have the submenu open
+					&::after {
+						content: "";
+						position: absolute;
+						top: 0;
+						right: -4px;
+						width: 4px;
+						height: 100%;
+					}
 				}
 
 				&:hover,
 				&.open {
-					background: var(--color-6-lowergray);
-					color: var(--color-f-white);
-
-					.entry-icon svg {
-						fill: var(--color-f-white);
-					}
+					background: var(--color-5-dullgray);
 				}
 
 				&.active {
 					background: var(--color-e-nearwhite);
 					color: var(--color-2-mildblack);
 
-					.entry-icon svg {
+					svg {
 						fill: var(--color-2-mildblack);
 					}
 				}
diff --git a/frontend/src/components/layout/FloatingMenu.svelte b/frontend/src/components/layout/FloatingMenu.svelte
index ac9ada88..8201b6bd 100644
--- a/frontend/src/components/layout/FloatingMenu.svelte
+++ b/frontend/src/components/layout/FloatingMenu.svelte
@@ -427,7 +427,7 @@
 			display: flex;
 
 			.floating-menu-content {
-				background: rgba(var(--color-2-mildblack-rgb), 0.95);
+				background: var(--color-2-mildblack);
 				box-shadow: rgba(var(--color-0-black-rgb), 50%) 0 2px 4px;
 				border-radius: 4px;
 				color: var(--color-e-nearwhite);
@@ -521,28 +521,28 @@
 
 		&.top .tail {
 			border-width: 8px 6px 0 6px;
-			border-color: rgba(var(--color-2-mildblack-rgb), 0.95) transparent transparent transparent;
+			border-color: var(--color-2-mildblack) transparent transparent transparent;
 			margin-left: -6px;
 			margin-bottom: 2px;
 		}
 
 		&.bottom .tail {
 			border-width: 0 6px 8px 6px;
-			border-color: transparent transparent rgba(var(--color-2-mildblack-rgb), 0.95) transparent;
+			border-color: transparent transparent var(--color-2-mildblack) transparent;
 			margin-left: -6px;
 			margin-top: 2px;
 		}
 
 		&.left .tail {
 			border-width: 6px 0 6px 8px;
-			border-color: transparent transparent transparent rgba(var(--color-2-mildblack-rgb), 0.95);
+			border-color: transparent transparent transparent var(--color-2-mildblack);
 			margin-top: -6px;
 			margin-right: 2px;
 		}
 
 		&.right .tail {
 			border-width: 6px 8px 6px 0;
-			border-color: transparent rgba(var(--color-2-mildblack-rgb), 0.95) transparent transparent;
+			border-color: transparent var(--color-2-mildblack) transparent transparent;
 			margin-top: -6px;
 			margin-left: 2px;
 		}
diff --git a/frontend/src/components/widgets/inputs/NumberInput.svelte b/frontend/src/components/widgets/inputs/NumberInput.svelte
index d644bbe1..f10c1a08 100644
--- a/frontend/src/components/widgets/inputs/NumberInput.svelte
+++ b/frontend/src/components/widgets/inputs/NumberInput.svelte
@@ -318,7 +318,7 @@
 				padding: 9px 0;
 				border: none;
 				border-radius: 2px;
-				background: rgba(var(--color-1-nearblack-rgb), 0.75);
+				background: none;
 
 				&:hover {
 					background: var(--color-5-dullgray);