.

public/css/global.css

@@ -229,6 +229,19 @@ a:hover {
   color: var(--text);
 }
 
+.lang-bar:last-child {
+  margin-bottom: 0;
+}
+
+.lang-bar {
+  width: 100%;
+  display: inherit;
+  height: 10px;
+  border-radius:4px;
+  overflow: hidden;
+  user-select: none;
+}
+
 /* URI: /:user/:repo */
 .button {
   background-color: var(--background);
@@ -320,16 +333,6 @@ a:hover {
   display: none;
 }
 
-.ui.segment:last-child {
-  margin-bottom: 0;
-}
-
-.ui.segment {
-  width: 100%;
-  display: inherit;
-  height: 10px;
-}
-
 .right.stackable.menu {
   margin-left: auto;
   display: flex;

views/repo.html

@@ -29,7 +29,7 @@
     {{ end }} {{ if .Language }}
     <p>
       {{range $o := .Language}}{{$o.Name}} {{$o.Percent}}, {{end}}
-      <div class="ui segment">{{range $i, $o := .Language}}
+      <div class="lang-bar">{{range $i, $o := .Language}}
         <span style="width: {{$o.Percent}}; background-color: {{$o.Color}}">
           &nbsp;
         </span>