diff --git a/packages/cli/src/ui/components/views/ExtensionsList.tsx b/packages/cli/src/ui/components/views/ExtensionsList.tsx
index 27ce6f5e92..e42449e828 100644
--- a/packages/cli/src/ui/components/views/ExtensionsList.tsx
+++ b/packages/cli/src/ui/components/views/ExtensionsList.tsx
@@ -22,7 +22,7 @@ export const ExtensionsList: React.FC<ExtensionsList> = ({ extensions }) => {
   }
 
   return (
-    <Box flexDirection="column" marginTop={1} marginBottom={1}>
+    <Box flexDirection="column" marginBottom={1}>
       <Text>Installed extensions: </Text>
       <Box flexDirection="column" paddingLeft={2}>
         {extensions.map((ext) => {
diff --git a/packages/cli/src/ui/components/views/HooksList.tsx b/packages/cli/src/ui/components/views/HooksList.tsx
index 629a7b5b83..bce3fcf870 100644
--- a/packages/cli/src/ui/components/views/HooksList.tsx
+++ b/packages/cli/src/ui/components/views/HooksList.tsx
@@ -28,10 +28,8 @@ interface HooksListProps {
 export const HooksList: React.FC<HooksListProps> = ({ hooks }) => {
   if (hooks.length === 0) {
     return (
-      <Box flexDirection="column" marginTop={1} marginBottom={1}>
-        <Box marginTop={1}>
-          <Text>No hooks configured.</Text>
-        </Box>
+      <Box flexDirection="column" marginBottom={1}>
+        <Text>No hooks configured.</Text>
       </Box>
     );
   }
@@ -49,8 +47,8 @@ export const HooksList: React.FC<HooksListProps> = ({ hooks }) => {
   );
 
   return (
-    <Box flexDirection="column" marginTop={1} marginBottom={1}>
-      <Box marginTop={1} flexDirection="column">
+    <Box flexDirection="column" marginBottom={1}>
+      <Box flexDirection="column">
         <Text color={theme.status.warning} bold underline>
           ⚠️ Security Warning:
         </Text>