diff --git a/hyperglass/ui/hooks/index.ts b/hyperglass/ui/hooks/index.ts
index cc0c05a..a553791 100644
--- a/hyperglass/ui/hooks/index.ts
+++ b/hyperglass/ui/hooks/index.ts
@@ -1,14 +1,14 @@
 export * from './theme-hooks';
-export * from './useASNDetail';
-export * from './useBooleanValue';
-export * from './useDevice';
-export * from './useDirective';
-export * from './useDNSQuery';
-export * from './useFormState';
-export * from './useGreeting';
-export * from './useHyperglassConfig';
-export * from './useLGQuery';
-export * from './useOpposingColor';
-export * from './useStrf';
-export * from './useTableToString';
-export * from './useWtf';
+export * from './use-asn-detail';
+export * from './use-boolean-value';
+export * from './use-device';
+export * from './use-directive';
+export * from './use-dns-query';
+export * from './use-form-state';
+export * from './use-greeting';
+export * from './use-hyperglass-config';
+export * from './use-lg-query';
+export * from './use-opposing-color';
+export * from './use-strf';
+export * from './use-table-to-string';
+export * from './use-wtf';
diff --git a/hyperglass/ui/hooks/useASNDetail.ts b/hyperglass/ui/hooks/use-asn-detail.ts
similarity index 100%
rename from hyperglass/ui/hooks/useASNDetail.ts
rename to hyperglass/ui/hooks/use-asn-detail.ts
diff --git a/hyperglass/ui/hooks/useBooleanValue.test.tsx b/hyperglass/ui/hooks/use-boolean-value.test.tsx
similarity index 94%
rename from hyperglass/ui/hooks/useBooleanValue.test.tsx
rename to hyperglass/ui/hooks/use-boolean-value.test.tsx
index 5bb3f13..b4e192d 100644
--- a/hyperglass/ui/hooks/useBooleanValue.test.tsx
+++ b/hyperglass/ui/hooks/use-boolean-value.test.tsx
@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import userEvent from '@testing-library/user-event';
-import { useBooleanValue } from './useBooleanValue';
+import { useBooleanValue } from './use-boolean-value';
 
 const VALUE_IF_TRUE = 'Is True';
 const VALUE_IF_FALSE = 'Is False';
diff --git a/hyperglass/ui/hooks/useBooleanValue.ts b/hyperglass/ui/hooks/use-boolean-value.ts
similarity index 100%
rename from hyperglass/ui/hooks/useBooleanValue.ts
rename to hyperglass/ui/hooks/use-boolean-value.ts
diff --git a/hyperglass/ui/hooks/useDevice.test.tsx b/hyperglass/ui/hooks/use-device.test.tsx
similarity index 93%
rename from hyperglass/ui/hooks/useDevice.test.tsx
rename to hyperglass/ui/hooks/use-device.test.tsx
index a2e2bf6..2ba1f83 100644
--- a/hyperglass/ui/hooks/useDevice.test.tsx
+++ b/hyperglass/ui/hooks/use-device.test.tsx
@@ -1,7 +1,6 @@
-import {} from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import { useDevice } from './useDevice';
+import { useDevice } from './use-device';
 import { HyperglassContext } from '~/context';
 
 import type { DeviceGroup, Config } from '~/types';
diff --git a/hyperglass/ui/hooks/useDevice.ts b/hyperglass/ui/hooks/use-device.ts
similarity index 100%
rename from hyperglass/ui/hooks/useDevice.ts
rename to hyperglass/ui/hooks/use-device.ts
diff --git a/hyperglass/ui/hooks/useDirective.ts b/hyperglass/ui/hooks/use-directive.ts
similarity index 91%
rename from hyperglass/ui/hooks/useDirective.ts
rename to hyperglass/ui/hooks/use-directive.ts
index 9a5ef8d..91c8138 100644
--- a/hyperglass/ui/hooks/useDirective.ts
+++ b/hyperglass/ui/hooks/use-directive.ts
@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useFormState } from './useFormState';
+import { useFormState } from './use-form-state';
 
 import type { Directive } from '~/types';
 
diff --git a/hyperglass/ui/hooks/useDNSQuery.ts b/hyperglass/ui/hooks/use-dns-query.ts
similarity index 100%
rename from hyperglass/ui/hooks/useDNSQuery.ts
rename to hyperglass/ui/hooks/use-dns-query.ts
diff --git a/hyperglass/ui/hooks/useFormState.ts b/hyperglass/ui/hooks/use-form-state.ts
similarity index 99%
rename from hyperglass/ui/hooks/useFormState.ts
rename to hyperglass/ui/hooks/use-form-state.ts
index e6f47d7..74f635f 100644
--- a/hyperglass/ui/hooks/useFormState.ts
+++ b/hyperglass/ui/hooks/use-form-state.ts
@@ -9,7 +9,7 @@ import type { StateCreator } from 'zustand';
 import type { UseFormSetError, UseFormClearErrors } from 'react-hook-form';
 import type { SingleValue, MultiValue } from 'react-select';
 import type { SingleOption, Directive, FormData, Text, Device } from '~/types';
-import type { UseDeviceReturn } from './useDevice';
+import type { UseDeviceReturn } from './use-device';
 
 type FormStatus = 'form' | 'results';
 
diff --git a/hyperglass/ui/hooks/useGreeting.test.tsx b/hyperglass/ui/hooks/use-greeting.test.tsx
similarity index 98%
rename from hyperglass/ui/hooks/useGreeting.test.tsx
rename to hyperglass/ui/hooks/use-greeting.test.tsx
index 4c0c43b..7670b58 100644
--- a/hyperglass/ui/hooks/useGreeting.test.tsx
+++ b/hyperglass/ui/hooks/use-greeting.test.tsx
@@ -1,7 +1,7 @@
 import '@testing-library/jest-dom';
 import { render } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import { useGreeting } from './useGreeting';
+import { useGreeting } from './use-greeting';
 
 const TRUE = JSON.stringify(true);
 const FALSE = JSON.stringify(false);
diff --git a/hyperglass/ui/hooks/useGreeting.ts b/hyperglass/ui/hooks/use-greeting.ts
similarity index 100%
rename from hyperglass/ui/hooks/useGreeting.ts
rename to hyperglass/ui/hooks/use-greeting.ts
diff --git a/hyperglass/ui/hooks/useHyperglassConfig.ts b/hyperglass/ui/hooks/use-hyperglass-config.ts
similarity index 100%
rename from hyperglass/ui/hooks/useHyperglassConfig.ts
rename to hyperglass/ui/hooks/use-hyperglass-config.ts
diff --git a/hyperglass/ui/hooks/useLGQuery.ts b/hyperglass/ui/hooks/use-lg-query.ts
similarity index 100%
rename from hyperglass/ui/hooks/useLGQuery.ts
rename to hyperglass/ui/hooks/use-lg-query.ts
diff --git a/hyperglass/ui/hooks/useOpposingColor.test.tsx b/hyperglass/ui/hooks/use-opposing-color.test.tsx
similarity index 96%
rename from hyperglass/ui/hooks/useOpposingColor.test.tsx
rename to hyperglass/ui/hooks/use-opposing-color.test.tsx
index 0c5b36e..5577c83 100644
--- a/hyperglass/ui/hooks/useOpposingColor.test.tsx
+++ b/hyperglass/ui/hooks/use-opposing-color.test.tsx
@@ -2,7 +2,7 @@ import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import userEvent from '@testing-library/user-event';
 import { ChakraProvider, useColorMode, useColorModeValue, extendTheme } from '@chakra-ui/react';
-import { useOpposingColor } from './useOpposingColor';
+import { useOpposingColor } from './use-opposing-color';
 
 const TestComponent = (): JSX.Element => {
   const { toggleColorMode } = useColorMode();
diff --git a/hyperglass/ui/hooks/useOpposingColor.ts b/hyperglass/ui/hooks/use-opposing-color.ts
similarity index 100%
rename from hyperglass/ui/hooks/useOpposingColor.ts
rename to hyperglass/ui/hooks/use-opposing-color.ts
diff --git a/hyperglass/ui/hooks/useStrf.test.tsx b/hyperglass/ui/hooks/use-strf.test.tsx
similarity index 93%
rename from hyperglass/ui/hooks/useStrf.test.tsx
rename to hyperglass/ui/hooks/use-strf.test.tsx
index 95a3592..f17aca5 100644
--- a/hyperglass/ui/hooks/useStrf.test.tsx
+++ b/hyperglass/ui/hooks/use-strf.test.tsx
@@ -1,6 +1,6 @@
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import { useStrf } from './useStrf';
+import { useStrf } from './use-strf';
 
 const TEMPLATE = 'Testing {name} hook';
 const OBJECT = { name: 'useStrf' };
diff --git a/hyperglass/ui/hooks/useStrf.ts b/hyperglass/ui/hooks/use-strf.ts
similarity index 100%
rename from hyperglass/ui/hooks/useStrf.ts
rename to hyperglass/ui/hooks/use-strf.ts
diff --git a/hyperglass/ui/hooks/useTableToString.ts b/hyperglass/ui/hooks/use-table-to-string.ts
similarity index 100%
rename from hyperglass/ui/hooks/useTableToString.ts
rename to hyperglass/ui/hooks/use-table-to-string.ts
diff --git a/hyperglass/ui/hooks/useWtf.ts b/hyperglass/ui/hooks/use-wtf.ts
similarity index 100%
rename from hyperglass/ui/hooks/useWtf.ts
rename to hyperglass/ui/hooks/use-wtf.ts