diff --git a/packages/sandbox/e2e/android/screenshots/ButtonBar.png b/packages/sandbox/e2e/android/screenshots/ButtonBar.png
index de7ff1f3..930236bc 100644
Binary files a/packages/sandbox/e2e/android/screenshots/ButtonBar.png and b/packages/sandbox/e2e/android/screenshots/ButtonBar.png differ
diff --git a/packages/sandbox/e2e/ios/screenshots/ButtonBar.png b/packages/sandbox/e2e/ios/screenshots/ButtonBar.png
index 0fe0af98..c6400927 100644
Binary files a/packages/sandbox/e2e/ios/screenshots/ButtonBar.png and b/packages/sandbox/e2e/ios/screenshots/ButtonBar.png differ
diff --git a/packages/streamline/package.json b/packages/streamline/package.json
index b33f5674..940cb7e7 100644
--- a/packages/streamline/package.json
+++ b/packages/streamline/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@getluko/streamline",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "author": "luko",
   "description": "Luko Design System using react-native for iOS and Android",
   "main": "dist/packages/streamline/index.js",
diff --git a/packages/streamline/src/components/button-bar/button-bar.tsx b/packages/streamline/src/components/button-bar/button-bar.tsx
index 4b1523f4..e4a41881 100644
--- a/packages/streamline/src/components/button-bar/button-bar.tsx
+++ b/packages/streamline/src/components/button-bar/button-bar.tsx
@@ -32,7 +32,11 @@ export const ButtonBar = ({ buttons, isSkeleton = false, testID }: Props) => {
       scrollEnabled={!isSkeleton}
       horizontal={true}
       showsHorizontalScrollIndicator={false}
-      contentContainerStyle={{ padding: spacing.md, flexDirection: 'row' }}
+      contentContainerStyle={{
+        paddingHorizontal: spacing.md,
+        paddingVertical: spacing.xs,
+        flexDirection: 'row',
+      }}
     >
       {buttonMenu.map((button, index) => (
         <Box