diff --git a/modules/primer-utilities/stories/Animation.js b/modules/primer-utilities/stories/Animation.js
new file mode 100644
index 00000000..1988bbc1
--- /dev/null
+++ b/modules/primer-utilities/stories/Animation.js
@@ -0,0 +1,9 @@
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+
+storiesOf('Animation utilities', module)
+.add('hover-grow', () => (
+  <div className='Box hover-grow p-4'>
+    .hover-grow
+  </div>
+))
diff --git a/modules/primer-utilities/stories.js b/modules/primer-utilities/stories/Borders.js
similarity index 61%
rename from modules/primer-utilities/stories.js
rename to modules/primer-utilities/stories/Borders.js
index d0f0319d..16f482e5 100644
--- a/modules/primer-utilities/stories.js
+++ b/modules/primer-utilities/stories/Borders.js
@@ -1,12 +1,7 @@
 import React from 'react'
 import { storiesOf } from '@storybook/react'
 
-storiesOf('Utilities', module)
-.add('hover-grow', () => (
-  <div className='Box hover-grow p-4'>
-    .hover-grow
-  </div>
-))
+storiesOf('Border utilities', module)
 .add('circle', () => (
   <div className='border circle p-3' style={{width: '100px', height: '100px'}}>
     .circle
diff --git a/modules/primer-utilities/stories/Typography.js b/modules/primer-utilities/stories/Typography.js
index cf31c1ba..d618511a 100644
--- a/modules/primer-utilities/stories/Typography.js
+++ b/modules/primer-utilities/stories/Typography.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import { storiesOf } from '@storybook/react'
 
-storiesOf('Typography', module)
+storiesOf('Typography utilities', module)
 .add('h1-h6', () => (
   <div>
     <h1 className='h1'>h1</h1>