diff --git a/public/src/css/search.css b/public/src/css/search.css
index 067d55f..624a911 100644
--- a/public/src/css/search.css
+++ b/public/src/css/search.css
@@ -81,6 +81,7 @@
     justify-content: center;
 	border: 0.3em black solid;
 	position: relative;
+	--course-width: min(3em, calc(7 * var(--vmin, 1vmin)));
 }
 
 .song-search-result::before {
@@ -99,15 +100,14 @@
 }
 
 .song-search-result-info {
-	flex: 10;
 	font-size: 1.2em;
-	margin: 0.3em;
+	padding: 0.3em 0.3em 0.3em 0.5em;
 	text-align: left;
 	z-index: 0;
 	position: relative;
     white-space: nowrap;
-	padding-left: 0.2em;
-	overflow-x: clip;
+	overflow-x: hidden;
+	width: calc(100% - (var(--course-width) + 0.4em) * 5 - 0.6em);
 }
 
 .song-search-result-subtitle {
@@ -124,8 +124,7 @@
 }
 
 .song-search-result-course {
-	flex: 1;
-    width: 100%;
+    width: var(--course-width);
     height: 100%;
     margin: 0.2em;
     font-size: 1.2em;