diff --git a/src/renderer/utils/index.ts b/src/renderer/utils/index.ts
index 3b2b928f..63f20600 100644
--- a/src/renderer/utils/index.ts
+++ b/src/renderer/utils/index.ts
@@ -6,3 +6,4 @@ export * from './title-case';
 export * from './get-header-color';
 export * from './parse-search-params';
 export * from './format-duration-string';
+export * from './rgb-to-rgba';
diff --git a/src/renderer/utils/rgb-to-rgba.ts b/src/renderer/utils/rgb-to-rgba.ts
new file mode 100644
index 00000000..2bf401f4
--- /dev/null
+++ b/src/renderer/utils/rgb-to-rgba.ts
@@ -0,0 +1,7 @@
+export const rgbToRgba = (rgb: string | undefined, alpha: number) => {
+    if (!rgb) {
+        return undefined;
+    }
+
+    return rgb.replace(')', `, ${alpha})`).replace('rgb', 'rgba');
+};