diff --git a/app/src/main/kotlin/com/simplemobiletools/calendar/adapters/DayEventsAdapter.kt b/app/src/main/kotlin/com/simplemobiletools/calendar/adapters/DayEventsAdapter.kt
index 5f5446217..cfd368269 100644
--- a/app/src/main/kotlin/com/simplemobiletools/calendar/adapters/DayEventsAdapter.kt
+++ b/app/src/main/kotlin/com/simplemobiletools/calendar/adapters/DayEventsAdapter.kt
@@ -71,7 +71,7 @@ class DayEventsAdapter(activity: SimpleActivity, val events: ArrayList<Event>, r
             event_item_description.text = if (replaceDescriptionWithLocation) event.location else event.description
             event_item_start.text = if (event.getIsAllDay()) allDayString else Formatter.getTimeFromTS(context, event.startTS)
             event_item_end.beInvisibleIf(event.startTS == event.endTS)
-            event_item_color.applyColorFilter(event.color)
+            event_item_color_bar.background.applyColorFilter(event.color)
 
             if (event.startTS != event.endTS) {
                 val startCode = Formatter.getDayCodeFromTS(event.startTS)
diff --git a/app/src/main/kotlin/com/simplemobiletools/calendar/adapters/EventListAdapter.kt b/app/src/main/kotlin/com/simplemobiletools/calendar/adapters/EventListAdapter.kt
index dde134288..4ebb1d9d1 100644
--- a/app/src/main/kotlin/com/simplemobiletools/calendar/adapters/EventListAdapter.kt
+++ b/app/src/main/kotlin/com/simplemobiletools/calendar/adapters/EventListAdapter.kt
@@ -136,7 +136,7 @@ class EventListAdapter(activity: SimpleActivity, var listItems: ArrayList<ListIt
             event_item_description?.text = if (replaceDescription) listEvent.location else listEvent.description
             event_item_start.text = if (listEvent.isAllDay) allDayString else Formatter.getTimeFromTS(context, listEvent.startTS)
             event_item_end?.beInvisibleIf(listEvent.startTS == listEvent.endTS)
-            event_item_color.applyColorFilter(listEvent.color)
+            event_item_color_bar.background.applyColorFilter(listEvent.color)
 
             if (listEvent.startTS != listEvent.endTS) {
                 event_item_end?.apply {
diff --git a/app/src/main/kotlin/com/simplemobiletools/calendar/adapters/EventListWidgetAdapter.kt b/app/src/main/kotlin/com/simplemobiletools/calendar/adapters/EventListWidgetAdapter.kt
index 15665f665..982f3c981 100644
--- a/app/src/main/kotlin/com/simplemobiletools/calendar/adapters/EventListWidgetAdapter.kt
+++ b/app/src/main/kotlin/com/simplemobiletools/calendar/adapters/EventListWidgetAdapter.kt
@@ -17,7 +17,7 @@ import com.simplemobiletools.calendar.models.ListEvent
 import com.simplemobiletools.calendar.models.ListItem
 import com.simplemobiletools.calendar.models.ListSection
 import com.simplemobiletools.commons.extensions.adjustAlpha
-import com.simplemobiletools.commons.extensions.getColoredBitmap
+import com.simplemobiletools.commons.extensions.setBackgroundColor
 import com.simplemobiletools.commons.extensions.setText
 import com.simplemobiletools.commons.extensions.setTextSize
 import org.joda.time.DateTime
@@ -59,7 +59,7 @@ class EventListWidgetAdapter(val context: Context) : RemoteViewsService.RemoteVi
             setText(R.id.event_item_title, item.title)
             setText(R.id.event_item_description, if (replaceDescription) item.location else item.description)
             setText(R.id.event_item_start, if (item.isAllDay) allDayString else Formatter.getTimeFromTS(context, item.startTS))
-            setImageViewBitmap(R.id.event_item_color, context.resources.getColoredBitmap(R.drawable.monthly_event_dot, item.color))
+            setBackgroundColor(R.id.event_item_color_bar, item.color)
 
             if (item.startTS == item.endTS) {
                 setViewVisibility(R.id.event_item_end, View.INVISIBLE)
diff --git a/app/src/main/res/drawable-hdpi/monthly_event_dot.png b/app/src/main/res/drawable-hdpi/monthly_event_dot.png
deleted file mode 100644
index dab21e01b..000000000
Binary files a/app/src/main/res/drawable-hdpi/monthly_event_dot.png and /dev/null differ
diff --git a/app/src/main/res/drawable-xhdpi/monthly_event_dot.png b/app/src/main/res/drawable-xhdpi/monthly_event_dot.png
deleted file mode 100644
index bd2aa7f71..000000000
Binary files a/app/src/main/res/drawable-xhdpi/monthly_event_dot.png and /dev/null differ
diff --git a/app/src/main/res/drawable-xxhdpi/monthly_event_dot.png b/app/src/main/res/drawable-xxhdpi/monthly_event_dot.png
deleted file mode 100644
index e2fe43259..000000000
Binary files a/app/src/main/res/drawable-xxhdpi/monthly_event_dot.png and /dev/null differ
diff --git a/app/src/main/res/drawable-xxxhdpi/monthly_event_dot.png b/app/src/main/res/drawable-xxxhdpi/monthly_event_dot.png
deleted file mode 100644
index 76df61cba..000000000
Binary files a/app/src/main/res/drawable-xxxhdpi/monthly_event_dot.png and /dev/null differ
diff --git a/app/src/main/res/drawable/event_list_color_bar.xml b/app/src/main/res/drawable/event_list_color_bar.xml
new file mode 100644
index 000000000..05d2b9550
--- /dev/null
+++ b/app/src/main/res/drawable/event_list_color_bar.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+
+    <size
+        android:width="@dimen/event_color_bar_width"
+        android:height="@dimen/event_color_bar_height"/>
+
+    <solid
+        android:color="@color/white"/>
+
+    <corners android:radius="@dimen/small_margin"/>
+
+</shape>
diff --git a/app/src/main/res/layout/event_item_day_view.xml b/app/src/main/res/layout/event_item_day_view.xml
index 946492adf..a33b7c948 100644
--- a/app/src/main/res/layout/event_item_day_view.xml
+++ b/app/src/main/res/layout/event_item_day_view.xml
@@ -18,10 +18,22 @@
         android:paddingBottom="@dimen/medium_margin"
         android:paddingTop="@dimen/medium_margin">
 
+        <ImageView
+            android:id="@+id/event_item_color_bar"
+            android:layout_width="@dimen/event_color_bar_width"
+            android:layout_height="match_parent"
+            android:layout_alignBottom="@+id/event_item_description"
+            android:layout_alignTop="@+id/event_item_title"
+            android:layout_marginRight="@dimen/small_margin"
+            android:background="@drawable/event_list_color_bar"
+            android:paddingBottom="@dimen/tiny_margin"
+            android:paddingTop="@dimen/tiny_margin"/>
+
         <TextView
             android:id="@+id/event_item_start"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
+            android:layout_toRightOf="@+id/event_item_color_bar"
             android:textSize="@dimen/day_text_size"
             tools:text="13:00"/>
 
@@ -30,6 +42,7 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_below="@+id/event_item_start"
+            android:layout_toRightOf="@+id/event_item_color_bar"
             android:text="15:00"
             android:textSize="@dimen/day_text_size"/>
 
@@ -38,7 +51,6 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginLeft="@dimen/activity_margin"
-            android:layout_toLeftOf="@+id/event_item_color"
             android:layout_toRightOf="@+id/event_item_start"
             android:ellipsize="end"
             android:maxLines="1"
@@ -52,7 +64,6 @@
             android:layout_height="wrap_content"
             android:layout_below="@+id/event_item_title"
             android:layout_marginLeft="@dimen/activity_margin"
-            android:layout_toLeftOf="@+id/event_item_color"
             android:layout_toRightOf="@+id/event_item_end"
             android:ellipsize="end"
             android:maxLines="1"
@@ -60,16 +71,5 @@
             android:textSize="@dimen/day_text_size"
             tools:text="Event description"/>
 
-        <ImageView
-            android:id="@+id/event_item_color"
-            android:layout_width="wrap_content"
-            android:layout_height="match_parent"
-            android:layout_alignBottom="@+id/event_item_title"
-            android:layout_alignParentEnd="true"
-            android:layout_alignParentRight="true"
-            android:layout_alignTop="@+id/event_item_title"
-            android:paddingRight="@dimen/activity_margin"
-            android:src="@drawable/monthly_event_dot"/>
-
     </RelativeLayout>
 </FrameLayout>
diff --git a/app/src/main/res/layout/event_list_item.xml b/app/src/main/res/layout/event_list_item.xml
index a0fb32fb9..61b2902c5 100644
--- a/app/src/main/res/layout/event_list_item.xml
+++ b/app/src/main/res/layout/event_list_item.xml
@@ -16,14 +16,25 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:paddingBottom="@dimen/medium_margin"
-        android:paddingLeft="@dimen/activity_margin"
         android:paddingRight="@dimen/activity_margin"
         android:paddingTop="@dimen/small_margin">
 
+        <ImageView
+            android:id="@+id/event_item_color_bar"
+            android:layout_width="@dimen/event_color_bar_width"
+            android:layout_height="match_parent"
+            android:layout_alignBottom="@+id/event_item_end"
+            android:layout_alignTop="@+id/event_item_start"
+            android:layout_marginRight="@dimen/small_margin"
+            android:background="@drawable/event_list_color_bar"
+            android:paddingBottom="@dimen/tiny_margin"
+            android:paddingTop="@dimen/tiny_margin"/>
+
         <TextView
             android:id="@+id/event_item_start"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
+            android:layout_toRightOf="@+id/event_item_color_bar"
             android:textSize="@dimen/day_text_size"
             tools:text="13:00"/>
 
@@ -32,6 +43,7 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_below="@+id/event_item_start"
+            android:layout_toRightOf="@+id/event_item_color_bar"
             android:includeFontPadding="false"
             android:text="15:00"
             android:textSize="@dimen/day_text_size"/>
@@ -41,7 +53,6 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginLeft="@dimen/activity_margin"
-            android:layout_toLeftOf="@+id/event_item_color"
             android:layout_toRightOf="@+id/event_item_start"
             android:ellipsize="end"
             android:maxLines="1"
@@ -55,7 +66,6 @@
             android:layout_height="wrap_content"
             android:layout_below="@+id/event_item_title"
             android:layout_marginLeft="@dimen/activity_margin"
-            android:layout_toLeftOf="@+id/event_item_color"
             android:layout_toRightOf="@+id/event_item_end"
             android:ellipsize="end"
             android:includeFontPadding="false"
@@ -64,16 +74,5 @@
             android:textSize="@dimen/day_text_size"
             tools:text="Event description"/>
 
-        <ImageView
-            android:id="@+id/event_item_color"
-            android:layout_width="wrap_content"
-            android:layout_height="match_parent"
-            android:layout_alignBottom="@+id/event_item_title"
-            android:layout_alignParentEnd="true"
-            android:layout_alignParentRight="true"
-            android:layout_alignTop="@+id/event_item_title"
-            android:paddingRight="@dimen/medium_margin"
-            android:src="@drawable/monthly_event_dot"/>
-
     </RelativeLayout>
 </FrameLayout>
diff --git a/app/src/main/res/layout/event_list_item_simple.xml b/app/src/main/res/layout/event_list_item_simple.xml
index 83deda7dc..e20b4eeb8 100644
--- a/app/src/main/res/layout/event_list_item_simple.xml
+++ b/app/src/main/res/layout/event_list_item_simple.xml
@@ -16,14 +16,25 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:paddingBottom="@dimen/medium_margin"
-        android:paddingLeft="@dimen/activity_margin"
         android:paddingRight="@dimen/activity_margin"
         android:paddingTop="@dimen/small_margin">
 
+        <ImageView
+            android:id="@+id/event_item_color_bar"
+            android:layout_width="@dimen/event_color_bar_width"
+            android:layout_height="match_parent"
+            android:layout_alignBottom="@+id/event_item_start"
+            android:layout_alignTop="@+id/event_item_start"
+            android:layout_marginRight="@dimen/small_margin"
+            android:background="@drawable/event_list_color_bar"
+            android:paddingBottom="@dimen/tiny_margin"
+            android:paddingTop="@dimen/tiny_margin"/>
+
         <TextView
             android:id="@+id/event_item_start"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
+            android:layout_toRightOf="@+id/event_item_color_bar"
             android:textSize="@dimen/day_text_size"
             tools:text="13:00"/>
 
@@ -32,7 +43,6 @@
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_marginLeft="@dimen/activity_margin"
-            android:layout_toLeftOf="@+id/event_item_color"
             android:layout_toRightOf="@+id/event_item_start"
             android:ellipsize="end"
             android:maxLines="1"
@@ -40,16 +50,5 @@
             android:textSize="@dimen/day_text_size"
             tools:text="Event title"/>
 
-        <ImageView
-            android:id="@+id/event_item_color"
-            android:layout_width="wrap_content"
-            android:layout_height="match_parent"
-            android:layout_alignBottom="@+id/event_item_title"
-            android:layout_alignParentEnd="true"
-            android:layout_alignParentRight="true"
-            android:layout_alignTop="@+id/event_item_title"
-            android:paddingRight="@dimen/medium_margin"
-            android:src="@drawable/monthly_event_dot"/>
-
     </RelativeLayout>
 </FrameLayout>
diff --git a/app/src/main/res/layout/event_list_item_widget.xml b/app/src/main/res/layout/event_list_item_widget.xml
index 042a69ae4..013662606 100644
--- a/app/src/main/res/layout/event_list_item_widget.xml
+++ b/app/src/main/res/layout/event_list_item_widget.xml
@@ -7,20 +7,31 @@
     android:layout_height="wrap_content"
     android:layout_marginBottom="@dimen/medium_margin">
 
+    <ImageView
+        android:id="@+id/event_item_color_bar"
+        android:layout_width="@dimen/event_color_bar_width"
+        android:layout_height="match_parent"
+        android:layout_alignBottom="@+id/event_item_end"
+        android:layout_alignTop="@+id/event_item_start"
+        android:layout_marginRight="@dimen/small_margin"
+        android:background="@drawable/event_list_color_bar"
+        android:paddingBottom="@dimen/tiny_margin"
+        android:paddingTop="@dimen/tiny_margin"/>
+
     <TextView
         android:id="@+id/event_item_start"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginLeft="@dimen/medium_margin"
-        android:textSize="@dimen/day_text_size"
-        tools:text="13:00"/>
+        android:layout_toRightOf="@+id/event_item_color_bar"
+        android:text="13:00"
+        android:textSize="@dimen/day_text_size"/>
 
     <TextView
         android:id="@+id/event_item_end"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_below="@+id/event_item_start"
-        android:layout_marginLeft="@dimen/medium_margin"
+        android:layout_toRightOf="@+id/event_item_color_bar"
         android:includeFontPadding="false"
         android:text="15:00"
         android:textSize="@dimen/day_text_size"/>
@@ -30,7 +41,6 @@
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginLeft="@dimen/normal_margin"
-        android:layout_toLeftOf="@+id/event_item_color"
         android:layout_toRightOf="@+id/event_item_start"
         android:ellipsize="end"
         android:maxLines="1"
@@ -44,7 +54,6 @@
         android:layout_height="wrap_content"
         android:layout_below="@+id/event_item_title"
         android:layout_marginLeft="@dimen/normal_margin"
-        android:layout_toLeftOf="@+id/event_item_color"
         android:layout_toRightOf="@+id/event_item_end"
         android:ellipsize="end"
         android:includeFontPadding="false"
@@ -53,15 +62,4 @@
         android:textSize="@dimen/day_text_size"
         tools:text="Event description"/>
 
-    <ImageView
-        android:id="@+id/event_item_color"
-        android:layout_width="wrap_content"
-        android:layout_height="match_parent"
-        android:layout_alignBottom="@+id/event_item_title"
-        android:layout_alignParentEnd="true"
-        android:layout_alignParentRight="true"
-        android:layout_alignTop="@+id/event_item_title"
-        android:paddingRight="@dimen/medium_margin"
-        android:src="@drawable/monthly_event_dot"/>
-
 </RelativeLayout>
diff --git a/app/src/main/res/layout/event_list_item_widget_simple.xml b/app/src/main/res/layout/event_list_item_widget_simple.xml
index 64cd9e244..1dd7dc437 100644
--- a/app/src/main/res/layout/event_list_item_widget_simple.xml
+++ b/app/src/main/res/layout/event_list_item_widget_simple.xml
@@ -7,11 +7,22 @@
     android:layout_height="wrap_content"
     android:layout_marginBottom="@dimen/medium_margin">
 
+    <ImageView
+        android:id="@+id/event_item_color_bar"
+        android:layout_width="@dimen/event_color_bar_width"
+        android:layout_height="match_parent"
+        android:layout_alignBottom="@+id/event_item_start"
+        android:layout_alignTop="@+id/event_item_start"
+        android:layout_marginRight="@dimen/small_margin"
+        android:background="@drawable/event_list_color_bar"
+        android:paddingBottom="@dimen/tiny_margin"
+        android:paddingTop="@dimen/tiny_margin"/>
+
     <TextView
         android:id="@+id/event_item_start"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginLeft="@dimen/medium_margin"
+        android:layout_toRightOf="@+id/event_item_color_bar"
         android:textSize="@dimen/day_text_size"
         tools:text="13:00"/>
 
@@ -20,7 +31,6 @@
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginLeft="@dimen/normal_margin"
-        android:layout_toLeftOf="@+id/event_item_color"
         android:layout_toRightOf="@+id/event_item_start"
         android:ellipsize="end"
         android:maxLines="1"
@@ -28,15 +38,4 @@
         android:textSize="@dimen/day_text_size"
         tools:text="Event title"/>
 
-    <ImageView
-        android:id="@+id/event_item_color"
-        android:layout_width="wrap_content"
-        android:layout_height="match_parent"
-        android:layout_alignBottom="@+id/event_item_title"
-        android:layout_alignParentEnd="true"
-        android:layout_alignParentRight="true"
-        android:layout_alignTop="@+id/event_item_title"
-        android:paddingRight="@dimen/medium_margin"
-        android:src="@drawable/monthly_event_dot"/>
-
 </RelativeLayout>
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
index 7975ac94d..7cd978d17 100644
--- a/app/src/main/res/values/dimens.xml
+++ b/app/src/main/res/values/dimens.xml
@@ -25,4 +25,7 @@
     <dimen name="month_text_size">22sp</dimen>
 
     <dimen name="year_view_day_text_size">8sp</dimen>
+
+    <dimen name="event_color_bar_width">4dp</dimen>
+    <dimen name="event_color_bar_height">100dp</dimen>
 </resources>