diff --git a/.changeset/perfect-impalas-sing.md b/.changeset/perfect-impalas-sing.md
new file mode 100644
index 0000000000..694e9ce84a
--- /dev/null
+++ b/.changeset/perfect-impalas-sing.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+**badge**: Set `display: inline-flex` on `.ds-badge`
diff --git a/packages/css/src/badge.css b/packages/css/src/badge.css
index 01407098c6..cc96ba2588 100644
--- a/packages/css/src/badge.css
+++ b/packages/css/src/badge.css
@@ -7,6 +7,9 @@
   --dsc-badge-bottom: inherit;
   --dsc-badge-left: inherit;
   --dsc-badge-right: inherit;
+
+  display: inline-flex;
+  vertical-align: middle;
   @composes ds-print-preserve from './base.css';
 
   &::before {
diff --git a/packages/react/src/components/badge/badge.stories.tsx b/packages/react/src/components/badge/badge.stories.tsx
index 51c5e1cedf..012a3d8b07 100644
--- a/packages/react/src/components/badge/badge.stories.tsx
+++ b/packages/react/src/components/badge/badge.stories.tsx
@@ -9,7 +9,7 @@ import {
 } from '@navikt/aksel-icons';
 import type { Meta, StoryFn } from '@storybook/react-vite';
 import type { CSSProperties } from 'react';
-import { Badge, Button, Tabs } from '../';
+import { Badge, Button, Paragraph, Tabs } from '../';
 
 type Story = StoryFn<typeof Badge>;
 
@@ -232,3 +232,10 @@ Variants.parameters = {
     width: '100%',
   },
 };
+
+export const Bullet: Story = () => (
+  <Paragraph>
+    <Badge data-color='success' />
+    Aktiv
+  </Paragraph>
+);