diff --git a/style/rdview.css b/style/rdview.css
index 9ed2093..e8bd658 100644
--- a/style/rdview.css
+++ b/style/rdview.css
@@ -1153,7 +1153,7 @@
 			height: inherit;
 			background-size: auto 100%;
 			background-image: url(./assets/beats/hold-area.png);
-			transform: translate(calc(((var(--tick) + var(--delay)) * 28 - 4) * 1px), 0);
+			transform: translate(calc(((var(--tick) + var(--delay) + var(--loop) * var(--interval)) * 28 - 4) * 1px), 0);
 			z-index: -2;
 
 			&::after {
@@ -2210,6 +2210,36 @@
 		}
 	}
 
+	&>.beat:not(:has(.classicbeat)) {
+		&>div.holdbeat {
+			position: absolute;
+			width: calc((var(--hold) * 28 - 2) * 1px);
+			height: inherit;
+			background-size: auto 100%;
+			background-image: url(./assets/beats/hold-area.png);
+			transform: translate(calc(((var(--tick) + var(--delay) + var(--loop) * var(--interval)) * 28 - 4) * 1px), 0);
+			z-index: -2;
+
+			&::after {
+				content: '';
+				position: absolute;
+				width: 2px;
+				height: 28px;
+				background-size: auto 100%;
+				transform: translate(calc((var(--hold) * 28 - 2) * 1px), 0);
+				background-image: url(./assets/beats/hold-right.png);
+			}
+		}
+
+		&:active>div.holdbeat {
+			background-image: url(./assets/beats/hold-hover-area.png);
+
+			&::after {
+				background-image: url(./assets/beats/hold-hover-right.png);
+			}
+		}
+	}
+
 	&>.beat:has(.row-xs) {
 		width: 56px;
 		height: 28px;