diff --git a/pkgs/by-name/br/bruno/package.nix b/pkgs/by-name/br/bruno/package.nix
index 9648a86e01ba..6c4217090a2f 100644
--- a/pkgs/by-name/br/bruno/package.nix
+++ b/pkgs/by-name/br/bruno/package.nix
@@ -73,6 +73,11 @@ buildNpmPackage' rec {
     })
   ];
 
+  patches = [
+    # Workaround to fix css issue in bruno due to electron difference between Nix and mainstream. https://github.com/NixOS/nixpkgs/issues/324176
+    ./scroll-width-fix.patch
+  ];
+
   postPatch = ''
     substituteInPlace scripts/build-electron.sh \
       --replace-fail 'if [ "$1" == "snap" ]; then' 'exit 0; if [ "$1" == "snap" ]; then'
diff --git a/pkgs/by-name/br/bruno/scroll-width-fix.patch b/pkgs/by-name/br/bruno/scroll-width-fix.patch
new file mode 100644
index 000000000000..e2a0326d1714
--- /dev/null
+++ b/pkgs/by-name/br/bruno/scroll-width-fix.patch
@@ -0,0 +1,37 @@
+diff --git a/packages/bruno-app/src/globalStyles.js b/packages/bruno-app/src/globalStyles.js
+index c2b16781..936449ed 100644
+--- a/packages/bruno-app/src/globalStyles.js
++++ b/packages/bruno-app/src/globalStyles.js
+@@ -163,32 +163,6 @@ const GlobalStyle = createGlobalStyle`
+   }
+ 
+ 
+-  // scrollbar styling
+-  // the below media query target non-macos devices
+-  // (macos scrollbar styling is the ideal style reference)
+-  @media not all and (pointer: coarse) {
+-    * {
+-      scrollbar-width: thin;
+-      scrollbar-color: ${(props) => props.theme.scrollbar.color};
+-    }
+-    
+-    *::-webkit-scrollbar {
+-      width: 5px;
+-    }
+-    
+-    *::-webkit-scrollbar-track {
+-      background: transparent;
+-      border-radius: 5px;
+-    }
+-    
+-    *::-webkit-scrollbar-thumb {
+-      background-color: ${(props) => props.theme.scrollbar.color};
+-      border-radius: 14px;
+-      border: 3px solid ${(props) => props.theme.scrollbar.color};
+-    }
+-  }
+-
+-
+   // codemirror
+   .CodeMirror {
+     .cm-variable-valid {