diff --git a/widgets/app-launcher/index.tsx b/widgets/app-launcher/index.tsx
index 4d3ac56..a636f60 100644
--- a/widgets/app-launcher/index.tsx
+++ b/widgets/app-launcher/index.tsx
@@ -18,6 +18,7 @@ const AppButton = ({ app }: { app: AstalApps.Application }) => {
         hide();
         app.launch();
       }}
+      cursor={Gdk.Cursor.new_from_name("pointer", null)}
     >
       <box spacing={6} halign={Gtk.Align.START} valign={Gtk.Align.CENTER}>
         <image iconName={app.iconName} iconSize={Gtk.IconSize.LARGE} />
diff --git a/widgets/bar/launcher.tsx b/widgets/bar/launcher.tsx
index d186aea..4e8c526 100644
--- a/widgets/bar/launcher.tsx
+++ b/widgets/bar/launcher.tsx
@@ -1,11 +1,13 @@
 import { App } from "astal/gtk4";
 import { WINDOW_NAME } from "../app-launcher";
+import { Gdk } from "astal/gtk4";
 
 export const Launcher = () => {
   return (
     <button
       cssClasses={["pill", "launcher"]}
       onClicked={() => App.toggle_window(WINDOW_NAME)}
+      cursor={Gdk.Cursor.new_from_name("pointer", null)}
     >
       <image iconName="nix-symbolic" />
     </button>
diff --git a/widgets/bar/style.scss b/widgets/bar/style.scss
index 02f9a9d..fd92554 100644
--- a/widgets/bar/style.scss
+++ b/widgets/bar/style.scss
@@ -27,12 +27,12 @@ window.Bar {
       min-height: 1rem;
       min-width: 1rem;
       border-radius: calc(list.nth(8px, 1) * 1.5);
-      transition: min-width 0.15s ease-out;
+      transition: all 0.15s ease-out;
 
       &:hover {
-        background-color: $fg-color;
+        background: rgba($accent, 0.5);
         &.occupied {
-          background-color: $fg-color;
+          background: rgba($accent, 0.5);
         }
       }
 
diff --git a/widgets/bar/workspace.tsx b/widgets/bar/workspace.tsx
index 702459d..55b8c41 100644
--- a/widgets/bar/workspace.tsx
+++ b/widgets/bar/workspace.tsx
@@ -1,5 +1,5 @@
 import { Variable, bind } from "astal";
-import { Gtk } from "astal/gtk4";
+import { Gdk, Gtk } from "astal/gtk4";
 import { ButtonProps } from "astal/gtk4/widget";
 import AstalHyprland from "gi://AstalHyprland";
 
@@ -30,6 +30,7 @@ const Workspace = ({ ws, ...props }: WsButtonProps) => {
       valign={Gtk.Align.CENTER}
       halign={Gtk.Align.CENTER}
       onClicked={() => ws.focus()}
+      cursor={Gdk.Cursor.new_from_name("pointer", null)}
       {...props}
     />
   );