diff --git a/src/renderer/components/+preferences/horizontal-line/horizontal-line.module.scss b/src/renderer/components/+preferences/horizontal-line/horizontal-line.module.scss
new file mode 100644
index 0000000000..58cac6e811
--- /dev/null
+++ b/src/renderer/components/+preferences/horizontal-line/horizontal-line.module.scss
@@ -0,0 +1,5 @@
+.horizontalLine {
+  height: 1px;
+  border-top: thin solid var(--hrColor);
+  margin-top: 40px;
+}
diff --git a/src/renderer/components/+preferences/horizontal-line/horizontal-line.tsx b/src/renderer/components/+preferences/horizontal-line/horizontal-line.tsx
new file mode 100644
index 0000000000..baebba59fe
--- /dev/null
+++ b/src/renderer/components/+preferences/horizontal-line/horizontal-line.tsx
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+
+import styles from "./horizontal-line.module.scss";
+
+export const HorizontalLine = () => <hr className={styles.horizontalLine} />;