diff --git a/src/renderer/components/dock/logs/to-bottom.module.scss b/src/renderer/components/dock/logs/to-bottom.module.scss
new file mode 100644
index 0000000000..e4aaae65cd
--- /dev/null
+++ b/src/renderer/components/dock/logs/to-bottom.module.scss
@@ -0,0 +1,8 @@
+.ToBottom {
+  position: absolute;
+  top: 64px;
+  right: 16px;
+  border-radius: 4px;
+  padding: 4px 6px;
+  background-color: var(--colorInfo);
+}
\ No newline at end of file
diff --git a/src/renderer/components/dock/logs/to-bottom.tsx b/src/renderer/components/dock/logs/to-bottom.tsx
index f9b5cbb03e..d7ca86b1bd 100644
--- a/src/renderer/components/dock/logs/to-bottom.tsx
+++ b/src/renderer/components/dock/logs/to-bottom.tsx
@@ -2,20 +2,20 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
+import styles from "./to-bottom.module.scss";
+
 import React from "react";
 import { Icon } from "../../icon";
 
 export function ToBottom({ onClick }: { onClick: () => void }) {
   return (
     <button
-      className="absolute top-3 right-3 z-10 rounded-md flex align-center px-1 py-1 pl-3"
-      style={{ backgroundColor: "var(--blue)" }}
+      className={styles.ToBottom}
       onClick={evt => {
         evt.currentTarget.blur();
         onClick();
       }}
     >
-      To bottom
       <Icon small material="expand_more" />
     </button>
   );