diff --git a/src/components/layout/layout-control.tsx b/src/components/layout/layout-control.tsx
index e525c4aa..4cac8005 100644
--- a/src/components/layout/layout-control.tsx
+++ b/src/components/layout/layout-control.tsx
@@ -5,6 +5,8 @@ import {
   CropSquareRounded,
   FilterNoneRounded,
   HorizontalRuleRounded,
+  PushPinOutlined,
+  PushPinRounded,
 } from "@mui/icons-material";
 import { useState } from "react";
 
@@ -12,12 +14,28 @@ export const LayoutControl = () => {
   const minWidth = 40;
 
   const [isMaximized, setIsMaximized] = useState(false);
+  const [isPined, setIsPined] = useState(false);
   appWindow.isMaximized().then((isMaximized) => {
     setIsMaximized(() => isMaximized);
   });
 
   return (
     <>
+      <Button
+        size="small"
+        sx={{ minWidth, svg: { transform: "scale(0.9)" } }}
+        onClick={() => {
+          appWindow.setAlwaysOnTop(!isPined);
+          setIsPined((isPined) => !isPined);
+        }}
+      >
+        {isPined ? (
+          <PushPinRounded fontSize="small" />
+        ) : (
+          <PushPinOutlined fontSize="small" />
+        )}
+      </Button>
+
       <Button
         size="small"
         sx={{ minWidth, svg: { transform: "scale(0.9)" } }}