diff --git a/src/App.tsx b/src/App.tsx
index 690e3b5..874fed0 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -16,7 +16,7 @@ const App = () => {
           Load Sample Recipe
         </button>
       </header>
-      <main className="w-full pt-4 pb-4 flex flex-col items-center">
+      <main className="w-full flex flex-col items-center">
         {/* <FileLoader /> */}
         <RecipeViewerWrapper />
       </main>
diff --git a/src/components/RecipeViewer/RecipeViewer.tsx b/src/components/RecipeViewer/RecipeViewer.tsx
index a73d360..5d7bd9c 100644
--- a/src/components/RecipeViewer/RecipeViewer.tsx
+++ b/src/components/RecipeViewer/RecipeViewer.tsx
@@ -11,7 +11,7 @@ export const RecipeViewer = () => {
   const stepCount = scaledRecipe.steps.length;
   if (isRecipeLoaded) {
     return (
-      <section className="p-4 flex flex-col gap-4">
+      <section className="p-4 flex flex-col gap-2">
         <h1 className=" text-2xl font-bold focus">{scaledRecipe.title}</h1>
         <p>{scaledRecipe.description}</p>
         <TargetScaleSetter />