diff --git a/src/features/grammar/components/GrammarType.tsx b/src/features/grammar/components/GrammarType.tsx
index 1563b2c1..e06c7b6b 100644
--- a/src/features/grammar/components/GrammarType.tsx
+++ b/src/features/grammar/components/GrammarType.tsx
@@ -2,10 +2,11 @@ import categories from "@/lib/categories";
 import { ReactNode } from "react";
 import { useSearchParams } from "react-router-dom";
 
-interface GrammarTypesProps { 
+interface GrammarTypesProps {
+  disabled?: boolean
 }
 
-export default function GrammarType() {
+export default function GrammarType({ disabled = false }: GrammarTypesProps) {
   const [searchParams, setSearchParams] = useSearchParams();
   
   const getClassName = (key: string) => {
@@ -33,6 +34,7 @@ export default function GrammarType() {
         className={getClassName(key)}
         key={key}
         onClick={() => onClick(key)}
+        disabled={disabled}
       >{key}</button>
     )}
   </div>
diff --git a/src/pages/GrammarPage.tsx b/src/pages/GrammarPage.tsx
index 7951a428..fdeb80d2 100644
--- a/src/pages/GrammarPage.tsx
+++ b/src/pages/GrammarPage.tsx
@@ -29,7 +29,7 @@ export default function Practice() {
   if (isLoading) return <Loading />
   if (error) return <ErrorText text="grammar list" />
 
-  if (!data?.length) return <div className="mt-8 text-center">Your grammar list is empty.</div>
+  if (!searchParams.has('grammarType') && !data?.length) return <div className="mt-8 text-center">Your grammar list is empty.</div>
 
   return <article>
     <div className="mb-8">