diff --git a/assets/css/default.css b/assets/css/default.css
index 6047a6e7..886ef065 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -22,6 +22,20 @@ body {
   margin-right: 10px;
 }
 
+
+.dark-theme .length-watch-page{
+  position: relative;
+  background-color: #fff;
+  color: rgba(35, 35, 35, 1);
+  border-radius: 2px;
+  padding: 4px;
+  font-size: 20px;
+  right: 0.25em;
+  bottom: 0.25em;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
 #contents {
   display: flex;
   flex-direction: column;
diff --git a/src/invidious/helpers/utils.cr b/src/invidious/helpers/utils.cr
index 24aa8346..20fc18ce 100644
--- a/src/invidious/helpers/utils.cr
+++ b/src/invidious/helpers/utils.cr
@@ -13,7 +13,7 @@ end
 
 def video_length_abbreviated(length)
   length_abbreviated = ""
-  if  length.days > 0
+  if length.days > 0
     length_abbreviated = "#{length.days} d #{length.hours} hr #{length.minutes} min"
   elsif length.hours > 0
     length_abbreviated = "#{length.hours} h #{length.minutes} min"
@@ -24,7 +24,6 @@ def video_length_abbreviated(length)
   end
 
   return length_abbreviated
-
 end
 
 def elapsed_text(elapsed)