diff --git a/RELEASE-NOTES.md b/RELEASE-NOTES.md
index 26011705de..5802ac892b 100755
--- a/RELEASE-NOTES.md
+++ b/RELEASE-NOTES.md
@@ -33,6 +33,7 @@
 - **Message** - Fix issue with `compact icon message` not appearing compact #4759
 - **Menu** - Fixed issue where `left menu` and `right menu` did not display correctly in `stackable menu` on mobile #3604 #5116 **Thanks @BleuDiamant @Traverse**
 - **Popup** - Fixed issue where popup would incorrectly add itself to the wrong offset context when using `popup` and `target` setting together in cases where the `target` has a different `offsetParent` than the activating element.
+- **Segment** - Fixed issue where using colored segment e.g. `red segment` inside `segments` would not work when `:first-child` #4013
 - **Sticky** - Fixed an issue where `ui sticky` used with a percentage based width would not resize properly if the content size of container changed when "stuck" #4360
 - **Dimmer** - Fixed typo causing body dimmer to add unnecessary `position: relative;` **Thanks @jinyangzhen** #4707
 
diff --git a/src/definitions/elements/segment.less b/src/definitions/elements/segment.less
index 9a7bd52472..0294551da3 100755
--- a/src/definitions/elements/segment.less
+++ b/src/definitions/elements/segment.less
@@ -495,7 +495,7 @@
 
 /* Red */
 .ui.red.segment:not(.inverted) {
-  border-top: @coloredBorderSize solid @red;
+  border-top: @coloredBorderSize solid @red !important;
 }
 .ui.inverted.red.segment {
   background-color: @red !important;
@@ -504,7 +504,7 @@
 
 /* Orange */
 .ui.orange.segment:not(.inverted) {
-  border-top: @coloredBorderSize solid @orange;
+  border-top: @coloredBorderSize solid @orange !important;
 }
 .ui.inverted.orange.segment {
   background-color: @orange !important;
@@ -513,7 +513,7 @@
 
 /* Yellow */
 .ui.yellow.segment:not(.inverted) {
-  border-top: @coloredBorderSize solid @yellow;
+  border-top: @coloredBorderSize solid @yellow !important;
 }
 .ui.inverted.yellow.segment {
   background-color: @yellow !important;
@@ -522,7 +522,7 @@
 
 /* Olive */
 .ui.olive.segment:not(.inverted) {
-  border-top: @coloredBorderSize solid @olive;
+  border-top: @coloredBorderSize solid @olive !important;
 }
 .ui.inverted.olive.segment {
   background-color: @olive !important;
@@ -531,7 +531,7 @@
 
 /* Green */
 .ui.green.segment:not(.inverted) {
-  border-top: @coloredBorderSize solid @green;
+  border-top: @coloredBorderSize solid @green !important;
 }
 .ui.inverted.green.segment {
   background-color: @green !important;
@@ -540,7 +540,7 @@
 
 /* Teal */
 .ui.teal.segment:not(.inverted) {
-  border-top: @coloredBorderSize solid @teal;
+  border-top: @coloredBorderSize solid @teal !important;
 }
 .ui.inverted.teal.segment {
   background-color: @teal !important;
@@ -549,7 +549,7 @@
 
 /* Blue */
 .ui.blue.segment:not(.inverted) {
-  border-top: @coloredBorderSize solid @blue;
+  border-top: @coloredBorderSize solid @blue !important;
 }
 .ui.inverted.blue.segment {
   background-color: @blue !important;
@@ -558,7 +558,7 @@
 
 /* Violet */
 .ui.violet.segment:not(.inverted) {
-  border-top: @coloredBorderSize solid @violet;
+  border-top: @coloredBorderSize solid @violet !important;
 }
 .ui.inverted.violet.segment {
   background-color: @violet !important;
@@ -567,7 +567,7 @@
 
 /* Purple */
 .ui.purple.segment:not(.inverted) {
-  border-top: @coloredBorderSize solid @purple;
+  border-top: @coloredBorderSize solid @purple !important;
 }
 .ui.inverted.purple.segment {
   background-color: @purple !important;
@@ -576,7 +576,7 @@
 
 /* Pink */
 .ui.pink.segment:not(.inverted) {
-  border-top: @coloredBorderSize solid @pink;
+  border-top: @coloredBorderSize solid @pink !important;
 }
 .ui.inverted.pink.segment {
   background-color: @pink !important;
@@ -585,7 +585,7 @@
 
 /* Brown */
 .ui.brown.segment:not(.inverted) {
-  border-top: @coloredBorderSize solid @brown;
+  border-top: @coloredBorderSize solid @brown !important;
 }
 .ui.inverted.brown.segment {
   background-color: @brown !important;
@@ -594,7 +594,7 @@
 
 /* Grey */
 .ui.grey.segment:not(.inverted) {
-  border-top: @coloredBorderSize solid @grey;
+  border-top: @coloredBorderSize solid @grey !important;
 }
 .ui.inverted.grey.segment {
   background-color: @grey !important;
@@ -603,7 +603,7 @@
 
 /* Black */
 .ui.black.segment:not(.inverted) {
-  border-top: @coloredBorderSize solid @black;
+  border-top: @coloredBorderSize solid @black !important;
 }
 .ui.inverted.black.segment {
   background-color: @black !important;